Tutorial :Calendar Blog Archieve Berbackground

.Dashboard>Design>Add a gadget>Html/Java script


Copy code kat bawah ni then pastekan dekat Html/Java scipt tadi :

<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="URLBLOGKORANG";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
#blogCalendar {
display:block;
text-algin:center;
border:3px double  #FFE4C4 ;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
width:90%;
background: url(URLIMG);
}
#CalendarCaption a {
text-decoration:none;
}
#CalendarCaption {
border-bottom: 3px solid  #FF1493 ; -moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
width:85%;
margin:auto;
}
#CalendarTable a {
font-weight:bold;
color:  #FFE4C4 ;
}
.Today {
background:  #FFE4C4 ;
font-weight:bold;
text-decoration:none;
}
#CalendarFooter {
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
background:  #FFE4C4 ;
}
.yearInput {
color: #000000;
background:  #FF1493 ; }
.monthTable {
color: #000000;
background:  #FFE4C4 ;
}
</style></center>


Biru : Ganti dengan url blog korang.
Hijau : Ganti dengan url gambar kesukaan korang.
Merah : Boleh tukar code warna di SINI