Calendario para tu blog de blogger-blogspot


Gracias a El balcón de Jaime os traigo este estupendo calendario para tu blog de blogger.

Si quieres instalarlo en tu blog debes hacer lo siguiente:

1) Vamos a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript
5) Pegamos el siguiente código:


<center><table id="table1" border="0" style="border: 1px dashed #ccc;" cellpadding="1" cellspacing="0" width="103px" height="5px">
<tbody><tr>
<td valign="top" height="8" bgcolor="#ffffff" align="center">
<script language="JavaScript">
<!--//Calendario del Balcón
monthnames = new Array(
"Enero",
"Febrero",
"Marzo",
"Abril",
"Mayo",
"Junio",
"Julio",
"Agosto",
"Septiembre",
"Octubre",
"Noviembre",
"Diciembre");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("");
document.write("<table class='fonte' style='padding-left:3px; font-color:#ffffff' size='1' font-family:;" );
document.write(" cellpadding=1 cellspacing=1>");
document.write("<tr><td colspan=7 class='mes_ano'><center><font color='#000000' size='2' face='Verdana'>"
+ monthnames[thismonth] + " " + thisyear
+ "</font></center></td></tr>");
document.write("<tr>");
document.write("<td class='feira'><font color='#447f1a' size='1' face='Arial'>D</font></td>");
document.write("<td class='feira'><font color='#FFC521' size='1' face='Arial'>L</font></td>");
document.write("<td class='feira'><font color='#447f1a' size='1' face='Arial'>M</font></td>");
document.write("<td class='feira'><font color='#FFC521' size='1' face='Arial'>M</font></td>");
document.write("<td class='feira'><font color='#447f1a' size='1' face='Arial'>J</font></td>");
document.write("<td class='feira'><font color='#FFC521' size='1' face='Arial'>V</font></td>");
document.write("<td class='feira'><font color='#447f1a' size='1' face='Arial'>S</font></td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td><font color='#ffffff' size='1' face='Arial'>-</font></td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td><font color='#000000' size='1' face='tahoma'>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href="" + linkdays[c][2] + "">");
linktrue=true;
}
}
}
if (count==thisdate) {
document.write("<font color='#db6d6b' size='1' face='tahoma' class='hoje'>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write("-");
}
if (count==thisdate) {
document.write("</font>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table>");
document.write("</FONT>");
// Fin Calendario del Balcón -->
</script></td></tr></tbody></table></center>


El resultado será este:


7 comentarios:

  1. Esto servira para montarlo en una pagina creada desde blog de notas??? por que me mandaron hacer una y estoy nula en cuanto a esto.

    ResponderEliminar
  2. Hola Anonima. Esto sirve para blogs, me temo que no puedo ayudarte para crear una web desde bloc de notas.

    ResponderEliminar
  3. Hola, yo acabo de dar los pasos que indicais y no sale nada de nada. Bueno, algo sale un minúsculo rectangulillo en blanco que casi ni se aprecia.

    ResponderEliminar
  4. hola cuando quiero lo colocar no puedo porque solemente se puede a traves de la URL.. me gustaria saber como hago o no son las indicaciones correctas.:(

    ResponderEliminar
  5. Es ta muy bien pero no ahy de otros estilos ¿?

    ResponderEliminar