Tutorial:Tukarkan blog archieve dalam bentuk kalendar

Tak nak cakap banyak.Nak terus je ajar cara nak tukarkan blog archieve korang dalam bentuk kalendar ni.

Cara nak buat:

1.Pergi kat Dashboard>design>Add gadget>HTML/javascript

2.Copy code kat bawah ni then,pastekan kat situ

<div id="blogCalendar"></div>

<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>

<script type="text/javascript">

Calendar.base="url blog korang";

Calendar.timeZone="+08:00";

Calendar.timeZoneCheck = true;

Calendar.drawTable();

</script>

<style>

#blogCalendar {text-align:center;border:0px;background: url(masukkan url bacground yang anda suka) no-repeat top;margin:0;font-family:arial;height:180px;line-height:14px;}

#CalendarCaption a{color:#777;text-decoration:none;margin:auto;font-size:80%;}

#CalendarCaption{width:80%;margin:auto;}

#CalendarTable{height:123px;margin-top:2x;}

#CalendarTable a{font-weight:bold;color: purple;}

#CalendarTable table {width:auto;margin:auto;border: 0px;text-align:center;font-size:80%;padding-top:5px;}

#CalendarTable table th{font-size:85%;}

#CalendarTable table td{border:0px;}

#CalendarTable a:link, #Calendar a:visited, #Calendar a:active{font-weight:bold;Text-decoration:underline;}

#CalendarTable a:hover {text-decoration:none;}

#CalendarMonth{font-size:90%;}

.Today{text-decoration:none;color: darkred;}

.Today a:visited, .Today a:link, .Today a:active, .Today a:hover {text-decoration:none;color: #ddd;}

#CalendarFooter{color:Green;font-size:80%;padding-top:10px;}

#monthTable{background:#eee;}

.yearInput{background:#eee;}

</style>

3.Masukkan url blog korang kat tempat yang dah disediakan tu.Tanpa http:// !!!
4.Tulisan yang warna purple tu korang boleh ubah ikut kesesuaian blog korang ye.Code warna boleh amek dekat sini.
5.Bila dah siap semua,savekan.

Selamat mencuba ye!!