Blog Archive berbentuk calendar

hari nak nk updated kn tentang cara buat blog archived berbentuk calendar..tutorial nie di request oleh sis syira
1. Dashboard > Design > Page Element > Add Gadjet > Add HTML2. Copy paste kod nie :

<div id="blogCalendar"></div><script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script><br /> <script type="text/javascript"> Calendar.base="URL BLOG"; Calendar.timeZone="+08:00"; Calendar.timeZoneCheck = true; Calendar.drawTable(); </script><br /> <style> #blogCalendar {text-align:center;border:0px;background: url(URL BACKGROUND) no-repeat top;margin:0;font-family:arial;height:180px;line-height:14px;} #CalendarCaption a{color:#ff9999;text-decoration:none;margin:auto;font-size:100%;} #CalendarCaption{width:100%;margin:auto;} #CalendarTable{height:123px;margin-top:2x;} #CalendarTable a{font-weight:bold;color: pink;} #CalendarTable table {width:auto;margin:auto;border: 0px;text-align:center;font-size:100%;padding-top:5px;} #CalendarTable table th{font-size:100%;} #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: #ff9999;} #CalendarFooter{color:Green;font-size:80%;padding-top:10px;} #monthTable{background:#eee;} .yearInput{background:#ffffff;} </style><br /> <br />

3. warne ORANGE tu tukarlah url blog kowg yup..manakala warne BIRU untuk url background.kalau nk letak transparent,xyah laa letak.. dan yg warne HIJAU untuk kod colour .. klik [ SINI ] untuk tukar colour kegemaran kowg..
*eyra buat nie lme dh..nnti eyra search dn creditkan tuto nieh sebab bkn tuto eyra..