Calendario para tu blog

Ayer construí un lindo calendario para poder ponerlo en el blog. Mi intención era esperar hasta hoy para comprobar así que su funcionamiento era el correcto. Por suerte, el calendario va de maravilla.

Puedes ver el resultado en una imagen...

¿Cómo lo pongo en mi blog?

Muy sencillo. Debes ir a Diseño, añadir un gadget (elemento de página) y seleccionar html-javascript

Ahora pega el código del calendario:

<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>

Guarda cambios y listo ^_^.