Tutorial : Calendar Achieve.

Okay. Ramai jugak yang tanye aku nak code calender. Korang nak ye? Ni aku bagi tuto. Korang just ikut step yang mudah ni je k.


1. Korang pergi kat DASHBOARD > DESIGN > PAGE ELEMENT > ADD GADGET > HTML/javascript.
2. Korang copy code kat bawah ni. Tukar text yang berwarne merah tu dengan URL blog korang. Pastikan JANGAN ade http://_________/ okay?
3. Paste kat ruang HMTL/Javascript.

<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="aidaborhan.blogspot.com";
Calendar.timeZone="+08:00";
Calendar.drawTable();
</script>
<style>
#blogCalendar {text-align:center;border:0px;background: url() 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>

Jangan malu untuk bertanye. =) If ade problem, let me know. :)

---

---