Jul 29, 2012

Tutorial #2: Blog archive versi kalendar.

 Step 1
- Dari Dashboard -> Design -> Page Elements -> Add a Gadget -> HTML/JavaScript.

Step 2
- Copy code kat bawah pastu paste dalam HTML/JavaScript.
*tukar tulisan yang bold tu kepada link blog sendiri.
<center><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="ichifighting.blogspot.com";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>

#blogCalendar {
display:block;
text-algin:center;
border:1px solid #000000;
width:100%;
background: transparent;
}

#CalendarCaption a {
text-decoration:none;
}

#CalendarCaption {
border-bottom: 2px solid #000000;
width:85%;
margin:auto;
}

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

.Today {
background: ;
font-weight:bold;
text-decoration:none;
}

#CalendarFooter {
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
background: ;
}

.yearInput {
color: #000000;
background: ;
}

.monthTable {
color: #000000;
background: ;
}

</style></center>
Step 3
- Save.
- Siap.

No comments :