tutorial calender archive

 

sekadar gambar hiasan

hah tutorial ikaa kali nie lbh kurg la cm pic ats tue hah

cuma ikaa xtw jew cm tue..

tapi lau ade reader r blogger yg berkenan nk wt ikut jew step bwh nie k

1. Dashboard > Design > add gadget > html javascript

2. copy code bwh nie k

<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 KORG";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
#blogCalendar {text-align:center;border:0px;background: url(URL BACKGROUND) no-repeat top;margin:0;font-family:FONTS;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: #000000;}
#CalendarTable table {width:auto;margin:auto;border: 0px;text-align:center;font size:80%;padding-top:5px;text-decoration:none;color: #000000;}
#CalendarTable table th{font-size:85%;text-decoration:none;color: #000000;}
#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%;text-decoration:none;color: #000000;}
.Today{font-weight:bold;text-decoration:none;color: #000000;}
.Today a:visited, .Today a:link, .Today a:active, .Today a:hover {text-decoration:none;color: #ddd;}
#CalendarFooter{color:#000000;font-size:80%;padding-top:10px;}
#monthTable{background:#eee;}
.yearInput{background:#eee;}
</style>

3. pastekan dlm html javascript

4. then save kan..



merah : gantikan dgn URL blog anda
hijau : gantikan dgn URL background anda suka.
biru : gantikan dgn kaler ana minat di sini