-->

Crear un calendario para nuestro blog


Vamos a mostrar como podemos poner un calendario como este en nuestro blog.

Asi podremos mostrar los post que tenemos publicados de forma cronologica.
Para ello nos vamos a:

Ahora nos vamos nos vamos a
Diseño >Añadir un gadget > HTML/Javascript y pegamos este codigo.


<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.rawgit.com/jmacuna/calendar-widget/master/create-calendar.js' type='text/javascript'></script>
<script src='https://EL NOMBRE DE TU BLOG/feeds/posts/summary?max-results=1000&alt=json-in-script&orderby=published&callback=createCalendar' type='text/javascript'></script>

Cambiamos lo marcado en rojo por el nombred de nuestro blog.

Los parametros
bgcolor:  Es el 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).

Publicar un comentario

0 Comentarios