Kalender Tampilan Perbulan Untuk Blogger

Pada postingan sebelumnya saya membuat tips untuk blogger, text/font resizer untuk blogspot, bisa dibaca disini. Nah, sekarang saya ingin berbagi tips lagi untuk sobat, yaitu widget Kalender Tampilan Perbulan Untuk Blogger, bukan kalender perhari y.. I-) :P , dan juga bukan Kalender Arsip untuk Blogger seperti yang telah saya post disini. Okeh biar ga lama kita langsung menuju tekape *emang apaan pake tekape* \m/ .

#Tampilan pertama memakai Border


Kodenya:

<script language="JavaScript">
<!-- Start Cale Blogger | http://www.kanwara.com/
monthnames = new Array(
"Januari", /* Bisa diganti dgn bhs apa saja */
"Februari", 
"Maret", 
"April", 
"Mei", 
"Juni", 
"Juli", 
"Agustus", 
"September", 
"Oktober", 
"Nopember", 
"Desember"); 
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("<table border=1 cellspacing=1 cellpadding=0 "); /* Silahkan ganti sesuai template Anda*/ 
document.write("bordercolor=#666 width=100%><font color=black>"); 
document.write("<tr><td colspan=7><center><strong><font size=3>"+monthnames[thismonth]+" "+thisyear
+"</font></strong></center></font></td></tr>"); 
document.write("<tr>"); 
document.write("<td align=center><font size=2 color=red>M</font></td>"); /* Pengatur warna */
document.write("<td align=center><font size=2>S</font></td>"); 
document.write("<td align=center><font size=2>S</font></td>"); 
document.write("<td align=center><font size=2>R</font></td>"); 
document.write("<td align=center><font size=2>K</font></td>"); 
document.write("<td align=center><font size=2 color=green>J</font></td>"); 
document.write("<td align=center><font size=2>S</font></td>"); 
document.write("</tr>"); 
document.write("<tr>"); 
for (s=0; s<startspaces; s++){document.write("<td></td>")}
count=1; 
while (count <= monthdays[thismonth]){for (b = startspaces; b<7; b++){linktrue=false; document.write("<td align=center><font size=2>"); 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 <= monthdays[thismonth]){if (b==0){document.write("<font color=red>")}
if (b==5){document.write("<font color=green>")}
if (count==thisdate){document.write("<font size=3 color=red><strong><blink>")} /* Pengatur warna */
 
document.write(count); 
 
if (count==thisdate){document.write("</blink></strong></font>")}
if (b==0){document.write("</font>")}
if (b==5){document.write("</font>")}
 
}
else{document.write("")}
if (linktrue)
document.write("</a>"); 
document.write("</font></td>"); 
count++}
document.write("</tr>"); 
document.write("<tr>"); 
startspaces=0}
document.write("</table>"); 
// End Cale Blogger-->
</script>

#Tampilan Kedua tidak memakai border


Kodenya:

<script language="JavaScript">
<!-- Start Cale Blogger | http://www.kanwara.com/
monthnames = new Array(
"Januari", /* Bisa diganti dgn bhs apa saja */
"Februari", 
"Maret", 
"April", 
"Mei", 
"Juni", 
"Juli", 
"Agustus", 
"September", 
"Oktober", 
"Nopember", 
"Desember"); 
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("<table border=0 cellspacing=1 cellpadding=0 "); /* Silahkan ganti sesuai template Anda*/ 
document.write("bordercolor=#666 width=100%><font color=black>"); 
document.write("<tr><td colspan=7><center><strong><font size=3>"+monthnames[thismonth]+" "+thisyear
+"</font></strong></center></font></td></tr>"); 
document.write("<tr>"); 
document.write("<td align=center><font size=2 color=red>M</font></td>"); /* Pengatur warna */
document.write("<td align=center><font size=2>S</font></td>"); 
document.write("<td align=center><font size=2>S</font></td>"); 
document.write("<td align=center><font size=2>R</font></td>"); 
document.write("<td align=center><font size=2>K</font></td>"); 
document.write("<td align=center><font size=2 color=green>J</font></td>"); 
document.write("<td align=center><font size=2>S</font></td>"); 
document.write("</tr>"); 
document.write("<tr>"); 
for (s=0; s<startspaces; s++){document.write("<td></td>")}
count=1; 
while (count <= monthdays[thismonth]){for (b = startspaces; b<7; b++){linktrue=false; document.write("<td align=center><font size=2>"); 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 <= monthdays[thismonth]){if (b==0){document.write("<font color=red>")}
if (b==5){document.write("<font color=green>")}
if (count==thisdate){document.write("<font size=3 color=red><strong><blink>")} /* Pengatur warna */
 
document.write(count); 
 
if (count==thisdate){document.write("</blink></strong></font>")}
if (b==0){document.write("</font>")}
if (b==5){document.write("</font>")}
 
}
else{document.write("")}
if (linktrue)
document.write("</a>"); 
document.write("</font></td>"); 
count++}
document.write("</tr>"); 
document.write("<tr>"); 
startspaces=0}
document.write("</table>"); 
// End Cale Blogger-->
</script>

# Cara Install

>> LOG IN ke blogger >> Pilih LAYOUT >> EDIT HTML >> ADD PAGE ELEMENT >> HTML/JAVASCRIPT >> Masukan kode, silahkan pilih salah satu >> SAVE dan lihat hasilnya.

Selamat mencoba...!

Script taken from: sori lupa coz dapetnya udah lama :D :-?