Memasang Kalender

Ingin memasang kalender yang rapi dan sederhana? Penggunaan CSS yang mudah untuk mengubah tampilanya nya, dari dimensi penanggalan, warna dan ukuranya.

Lihat demo
Jika tertarik, ikutin langkah-langkahnya :

Step 1:

1. Login ke Blog Anda
2. Masuk ke Layout/Tata Letak
3. Terus menuju Edit HTML
4. Cari code ini ]]></b:skin>
5. Copy script code dibawah ini dan letakkan dibawah code ]]></b:skin>
<script type="text/javascript" src="http://macho.googlecode.com/files/basiccalendar.js"></script>
6. Taruh script code dibawah ini dan letakkan diatas code ]]></b:skin>
/* kalender */ .main { width:200px; border:1px solid #c4c4c4; } .month { background-color:#e9e7e7; font:bold 12px verdana; color:black; } .daysofweek { background-color:gray; font:bold 12px verdana; color: black; } .days { font-size: 12px; font-family:verdana; color:black; background-color: #e9e7e7; padding: 2px; } .days #today{ font-weight: bold; color: blue; font-size: 12px; }
Kemudian Simpan Template

1. klik Page Element/ Elemen Laman tab
2. klik Add a Page Element/ Tambah Gadget
3. klik Javascript/HTML
4. Copy dan paste code di bawah ini:
<script type="text/javascript"> var todaydate=new Date() var curmonth=todaydate.getMonth()+1 //get current month (1-12) var curyear=todaydate.getFullYear() //get current year document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1)); </script>
5. Kemudian Simpan
6. Lihat hasil.