Calendario que muestra los post publicados

Con este calendario podemos mostrar los archivos publicados en el blog ordenados de forma cronológica,

Loading...

Nos vamos a nuestra plantilla en Diseño > Añadir un gadget > JavaScrip

HTML/Javascript
Añade una característica de un tercero u otro código a tu blog.

Código

<div id='calendar'><strong>Loading...</strong></div>

<script>

var conf = {

 bgcolor: '#1e4e7e', 

 newtab:  1,         // 0:abre link en la misma ventana | 1:abre link en ventana nueva

 tooltip: true,      // false:title por defecto | true:tooltip con css3

 start:   1,         // 0:Domingo | 1:Lunes

 days:    "Lunes|Martes|Miercoles|Jueves|Viernes|Sabado|Domingo",

 months:  "Enero|Febrero|Marzo|Abril|Mayo|Junio|Julio|Agosto|Septiembre|Octubre|Noviembre|Diciembre",

 date:    "Ir al mes actual"

}

</script>

<script src='https://cdn.jsdelivr.net/gh/jmacuna/calendar-widget@master/create-calendar.js' type='text/javascript'></script>

<script src='https://milyunacosasutiles.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&orderby=published&callback=createCalendar' type='text/javascript'></script>

Cambiamos el link de nuestro blog lo marcado en rojo.

Ahora guardamos.

Vamos a analizar los parámetros de configuración:

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.

tooltip: false para mostrar el tooltip por defecto o true para mostrarlo en forma de bocadillo.

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 en color gris).

Tenemos que escribir la url de nuestro blog en el último script, dónde aparece https://www.tecnoblog.guru resaltado en negrita.

Importante: si el calendario no se carga en tu página, lo más probable es que sea debido a la incompatibilidad del protocolo seguro como consecuencia de una redirección de tu blog a través de protocolo http (contenido mixto). En este caso, la solución es muy sencilla.

Reemplaza la parte de la url https://www.tecnoblog.guru/feeds del script por https://www.blogger.com/feeds/TUIDDEBLOGGER, dónde TUIDEDEBLOGGER es el parámetro numérico que aparcen como blogID en tu blog.

Nota:
Antes de realizar cualquier cambio en nuestro blog, tendremos que realizar una copia de seguridad del mismo por si algo no sale bien.

Puedes ver en este post como lo hacemos paso a paso

Mouse over me

Hello World!