Como ya sabréis la mayoría de vosotros, incorporar un calendario de publicación de artículos en un blog con tecnología Blogger es relativamente sencillo y en el post Calendario con todos los post publicados en Blogger ya daba unas instrucciones concretas para su implementación.
A modo de recordatorio:
Los parámetros de configuración son:
Puedes ver el ejemplo funcionando a continuación.
De hecho, me sorprende gratamente que numerosos lectores del blog hayan incorporado este widget a su bitácora.
También sois muchos los que me habéis enviado emails preguntándome si era posible realizar un diseño menos espartano y la respuesta es un SI rotundo.
Sin necesidad de modificar el código del gadget, tan sólo incorporando unas líneas de código o estilos, podemos personalizar nuestro diseño:
Y obtenemos un resultado asombroso.
Si tienes conocimientos técnicos css (siglas en inglés de Cascading Stylesheets) podrás personalizar el calendario a tu gusto cambiando fuentes de texto, tamaños, colores y un sinfín de propiedades de diseño.
A modo de recordatorio:
- Selecciona la entrada Diseño del panel principal de Blogger.
- Pulsa sobre el link Añadir un gadget y se abrirá una ventana con diferentes alternativas
- Desplazamos el scroll de la nueva ventana hacia abajo hasta llegar a la opción:HTML/Javascript
Añade una característica de un tercero u otro código a tu blog. - Introduce el Título del widgets (por ejemplo Calendario)
- En la caja Contenido pega el siguiente código:Loading...
- Por último hacemos click sobre el botón Guardar
Los parámetros de configuración son:
- bgcolor: color de fondo del calendario.
- newtab: 0 para abrir el artículo seleccionado en la misma ventana o 1 para abrir el link en una ventana nueva.
- start: 1 si queremos que el calendario empiece en Lunes o 0 si empieza en Domingo.
- days: días de la semana. Nota: si ponemos la variable start a cero, el primer día de la semana en la variable days será el Domingo
- months: meses del año.
- date: texto que aparece cuando posicionamos el cursor encima de la fecha actual (parte inferior del calendario).
- Tenemos que escribir la url de nuestro blog en el último script, dónde aparece https://jmacuna73.blogspot.comresaltado en negrita.
Puedes ver el ejemplo funcionando a continuación.
De hecho, me sorprende gratamente que numerosos lectores del blog hayan incorporado este widget a su bitácora.
También sois muchos los que me habéis enviado emails preguntándome si era posible realizar un diseño menos espartano y la respuesta es un SI rotundo.
Sin necesidad de modificar el código del gadget, tan sólo incorporando unas líneas de código o estilos, podemos personalizar nuestro diseño:
Loading...
Y obtenemos un resultado asombroso.
Si tienes conocimientos técnicos css (siglas en inglés de Cascading Stylesheets) podrás personalizar el calendario a tu gusto cambiando fuentes de texto, tamaños, colores y un sinfín de propiedades de diseño.
Jose Maria Acuña Morgado - Desarrollador Web