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.
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>
<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
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!
0 Comentarios
En breve revisaremos tu comentario para poder publicarlo.
Muchas gracias