Este calendario funcionará como un sistema de archivos mostrándolos como un calendario que, de forma interactiva, permitirá a nuestras visitas navegar entre las entradas de nuestro blog, que serán mostradas por la fecha de publicación.
1. Descargamos el archivo ZIP que contiene los .css y .js necesarios.
2. Alojamos los ficheros contenidos en un alojador de ficheros (por ej. Googlepages).
3. Después de <head> colocamos este código:
<style type='text/css'>@import url("TU_URL/calendar.css");</style>
<script src='TU_URL/calendar.js' type='text/javascript'/>
<script src='TU_URL/calendar-es.js' type='text/javascript'/>
<script src='TU_URL/calendar-setup.js' type='text/javascript'/>
4. Activamos el elemento de página "Archivos".
5. Abrimos otro elemento de página HTML donde insertamos el siguiente código:
<div id="calendar-container"></div>
<script type="text/javascript">
function dateChanged(calendar){
if (calendar.dateClicked){
var y = calendar.date.getFullYear();
var m = calendar.date.getMonth()+1;
var d = calendar.date.getDate();
if (m<=9&&d<=9){window.location = "/" + y + "_0" + m + "_0" + d + "_TUBLOG_archive.html";}
else if(m>9&&d<=9){window.location = "/" + y + "_" + m + "_0" + d + "_TUBLOG_archive.html";}
else if(m<=9&&d>9){window.location = "/" + y + "_0" + m + "_" + d + "_TUBLOG_archive.html";}
else window.location = "/" + y + "_" + m + "_" + d + "_TUBLOG_archive.html";
}
};
Calendar.setup(
{
flat : "calendar-container",
flatCallback : dateChanged
}
);
</script>
Visitas
5 comentarios:
Gracias por el calendario, me sirvió muchisimo.
Saludos.
Patacho:
Me alegro de que te sirviera.
Un saludo.
No sé si leerás esta pregunta, pero gracias de antemano por si puedes ayudarme.
He seguido tus instrucciones, pero no aparece el calendario. En el primer código pongo el http donde he subido los archivos en GooglePages, y en el segundo código sólo mi blog, en este caso: kurbalain-blog (sin la http ni nada más). Pues no me sale nada, e incluso da error diciendo que el calendario no está definido.
Me puedes ayudar?. Gracias de nuevo.
Jimena, has activado (añadido) el elemento de página "Archivos"?
Perdona mi tardanza en contestar. Saludos