miércoles, diciembre 28, 2022

Plantillas y Blogger

Actualizamos nuestra guía

🛕 Los blog son herramientas que permiten registrar publicaciones, tienen el formato de una página web y un comportamiento similar al Twitter y Facebook en la que se publica nuevo contenido.

Permiten hacer cambios en las plantilla y dependiendo del motor utilizado instalar nuevas opciones o personalizarlo. 

Pero el conocimiento no viene de la noche a la mañana, ya que se requiere ir aprendiendo paso a paso cada una de las características del sistema.Por tal motivo, les proponemos seguir paso a paso y no morir en el intento.

Para empezar, la primera decisión es elegir el motor de trabajo, A continuación, se listan los vigentes en la actualidad.

Blogger

Blogger es una plataforma de blogging gratuita creada por Google. Permite a los usuarios crear y publicar contenido en forma de blog fácilmente. Con Blogger, puedes crear un blog y publicar tus propias entradas de blog con texto, imágenes y vídeos. También puedes personalizar la apariencia de tu blog con diferentes plantillas y diseños, y utilizar una variedad de herramientas y widgets para agregar funcionalidades adicionales. Blogger es una plataforma popular para aquellos que quieren iniciar un blog y compartir sus ideas, pensamientos y contenido en línea de manera sencilla y sin tener que pagar por ello.

 

 Wordpress

 WordPress es un sistema de gestión de contenidos (CMS, por sus siglas en inglés) de código abierto que se utiliza para crear y gestionar sitios web. Es una de las plataformas de creación de sitios web más populares en todo el mundo, y es utilizada tanto por individuos como por empresas para crear sitios web y blogs.

WordPress es fácil de usar y ofrece una gran cantidad de funcionalidades y opciones de personalización. Con WordPress, puedes crear y publicar contenido de manera sencilla, utilizar plantillas y diseños para personalizar la apariencia de tu sitio, y agregar funcionalidades adicionales a través de plugins y widgets. Además, hay una gran cantidad de recursos disponibles en línea, como tutoriales y foros de soporte, para ayudar a los usuarios a aprender a utilizar WordPress y resolver problemas. En resumen, WordPress es una plataforma versátil y fácil de usar para crear y gestionar sitios web y blogs.

LiveJournal

 LiveJournal es una plataforma de blogs y redes sociales que se originó en Rusia y se ha vuelto popular en todo el mundo. Ofrece a los usuarios la oportunidad de crear un blog y compartir contenido, así como conectarse con otros usuarios a través de comunidades y amigos. Los usuarios pueden publicar texto, imágenes, enlaces y otros tipos de contenido en su blog, y también pueden comentar y interactuar con otros usuarios a través de la plataforma. LiveJournal también ofrece opciones de personalización y herramientas de moderación para ayudar a los usuarios a controlar el contenido de su sitio.

 Sitio web https://www.livejournal.com/

Link: 1

Primeros pasos para crear un blog en blogger

Abrir una cuenta en cuenta https://www.blogger.com/

Analizar el tema para colocar un título y una descripción relacionado, nuestro ejemplo de trabajo es http://www.diariotec.com/

Por medio del editor de diseño se pueden colocar imágenes y contenidos, en nuestra experiencia te recomendamos la siguiente ruta de desarrollo del tu propio weblog.

Me puedes contactar por medio de esta página para poder seguir la ruta https://www.facebook.com/ObservatorioEducacionVirtual

  1. Centrarse en el contenido, disfruta publicar y encontrar el camino
  2. Realizar una prueba A / B compartiendo tu contenido y recibiendo feedback de los temas, los enfoques y la claridad de la información
  3. Incorpora etiquetas a tus contenidos para añadir una categorización de contenidos que te permita administrarlo mejor
  4. Utiliza un blog como una parte de todo, conectando con publicaciones en Twitter y otras redes sociales como una extensión
  5. Comienza la fase 2, ampliando el diseño con listas de publicaciones más visitadas, o la aplicación de los estilos personalizados.

Limitaciones de los blogs

  1. Los contenidos se publican en orden cronológico inverso, no se pueden ordenar como una página web clásica, pero se puede añadir páginas con índices para ordenar los contenidos.
  2. Si bien es una formato fácil de usar pero la personalización aun es complicada y requiere conocimientos de HTML y esto es la razón por la cual plataforma como las redes sociales resultan más rápidas de usar
  3. Las plataformas no tienen una documentación clara sobre las opciones y la potencia de la herramienta por lo que el camino está lleno de pruebas y errores
     

 Llevamos años disfrutando de los blogs

📞Contacto

https://www.facebook.com/ObservatorioEducacionVirtual

martes, diciembre 27, 2022

Hacking Blogger - Programando Etiquetas

Para los curiosos que desean conocer la programación detrás de blogger pueden aplicar diversas etiquetas dentro del formato de blog. Estas etiquetas son formas simples que permiten hacer comandos if condicionales, formatos de expresión así como evaluación de valores.
En los siguientes ejemplos se van a crear componentes que van a trabajar del lado del servidor.
 
El contenido se organiza en Secciones y Widgets
 
Secciones
 <b:section id='header' class='header' maxwidgets="1" showaddelement="no">

</b:section>

  • id (obligatorio): Un nombre único compuesto por letras y números solamente.
  • class (opcional): Los nombres de clase comunes son "navbar", "header", "main", "sidebar" y "footer". Si cambias el tema más adelante, estos nombres ayudarán a Blogger a determinar cómo transferir tu contenido.
  • maxwidgets (opcional): El número máximo de widgets que se permiten en esta sección. Si no especificas un límite, será ilimitado.
  • showaddelement (opcional): Puede ser "yes" o "no". El valor predeterminado es "yes". Esto determina si en la pestaña "Elementos de la página" se mostrará el vínculo "Agregar un elemento de página" en esta sección.
  • growth (opcional): Puede ser "horizontal" o "vertical". El valor predeterminado es "vertical". Esto determina si los widgets dentro de esta sección se ordenan uno al lado del otro o de forma apilada.



 
Widgets
 
<b:widget id='PageList1' locked='false' title='Páginas' type='PageList'>
 </b:widget>
 
 

  • id (obligatorio): Puede contener letras y números únicamente, y cada ID de widget en tu tema debe ser única. Si quieres cambiar la ID de un widget, tienes que borrar ese widget y crear uno nuevo.
  • type (obligatorio): Indica el tipo de widget.
  • locked (opcional): Puede ser "yes" o "no". El valor predeterminado es "no". Un widget bloqueado (locked) no se puede mover ni borrar de la pestaña "Elementos de página".
  • title (opcional): Si no se especifica un título para mostrar, se utilizará un título predeterminado, como "Lista1".
  • pageType (opcional): Puede ser "all", "archive", "main" o "item". El valor predeterminado es "all". El widget se mostrará solo en las páginas designadas de tu blog. (Todos los widgets se muestran en la pestaña "Elementos de página", sin importar el pageType).
  • mobile (opcional) Puede ser "only", "yes" o "no". El valor predeterminado es "default". Esto determina si el widget se mostrará en dispositivos móviles o no. Si el atributo para dispositivos móviles (mobile) tiene el valor "default", solo se mostrarán las secciones Header, Blog, Profile, PageList, AdSense y Attribution.

Los tipos válidos son

    BlogArchive
    Blog
    Feed
    Header
    HTML
    SingleImage
    LinkList
    List
    Logo
    BlogProfile
    Navbar
    VideoBar
    NewsBar
 
 
Link: 1
 
 
Las expresiones pueden usar simbolos +, -, !=, ==, < >, >=, <= 

 Negación con !
 
<b:if cond='!data:post.allowComments'>
 
Condicional con ? : 
 
 <a expr:class='data:post.allowComments ? "comments" : "no-comments"'
 
Evaluación de arrays
 
<b:if cond='data:blog.pageType in {"index", "archive"}'> 

Condicional con and y or

<b:if cond='data:blog.pageType == "index" and data:post.allowComments'>

Operaciones complejas dentro de etiquetas style usando EXPR

<div expr:style='"max-width: " + (data:width + 10) + "px;"'>
 
Condicionales con IF y ELSE
 
<b:if cond='condition'>
  [content to display if condition is true]
<b:elseif cond='another condition'/>
  [content to display if no previous if or elseif conditions have been true, and this elseif condition is true]
<b:else/>
  [content to display if no if or elseif conditions are met]
</b:if>
 
 

lunes, diciembre 28, 2020

Tomate una instantanea para tu blog

Servicio de fotografía instantánea via webcam. http://www.bloggersnap.com/index.php (desactivado)

Esto es sensacional, antes de los celulares smart y el selfie debiamos usar una aplicación de fotos o desde la página web que capture la foto.

miércoles, mayo 02, 2007

Mini chat para tu blog

Una de las cosas fabulosas es la capacidad de interactividad entre el usuario y el autor. Les presento otra forma de interactuar entre los lectores llamado My Shout Box. Que permite crear un mini chat para colocar en tu blog.
Imagen de muestra: (no funcional) 
 

 Technorati tags: Blogs, Weblogs, Bloggers, Perú, Photoblogs, Fotoblogs, Fotos

 

En la actualizada se dispone de otro tipo de interacciones

- Link al chat de telegram o wsp

- Link a redes sociales

martes, agosto 22, 2006

VoiceMail para Blogs (no vigente)

NowPos, permite que tus visitantes dejan un mensaje de voz en tu blog. Ahora en fase beta permiten hasta 5 mb por audio ademas de la posibilidad de enviar audios via correo electrónico. Disfrutenlo NowPos

jueves, agosto 10, 2006

Nuevos Temas WP

Para aquellos que usan WordPress les recomiendo que siempre visiten este enlace:

Theme Viewer.

Solo descargar y ponerlo en el directorio wp-contents, activarlo y listo...