• Ingin cantikkan blog?? Design blog secara PERCUMA..Grab cepat sebelum terlambat
  • Ingin cantikkan blog?? Design blog secara PERCUMA..Grab cepat sebelum terlambat
  • Ingin cantikkan blog?? Design blog secara PERCUMA..Grab cepat sebelum terlambat
  • Ingin cantikkan blog?? Design blog secara PERCUMA..Grab cepat sebelum terlambat

Label Cloud

Search This Blog

06 March 2010

online counter Kalendar Mengantikan Blogspot Archives

Assalamualaikum . Pada pagi ini , Msue ingin berkongsi ngan korang sume widget yang agak menarik untuk korang gunakan . Korang mesti tidak suka Archives yang di sediakan oleh blogspot yang terlalu panjang hingga menjejaskan kecunnan blog korang . Disini Msue ade sediakan Kalendar yang berfungsi seperti archives . Korang boleh pilih design yang lain di
--> SINI




1. Login ke Blogspot .

2. Klik Layout - Add a Gadget - HTML/Javascript .

3. Copy kod di bawah ke dalamnya .






<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="www.msueroomz.blogspot.com";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
#blogCalendar {text-align:center;border:0px;background: url(http://jessieshu1984.googlepages.com/blog01-7.jpg) 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>



4. Save dan Preview . :okay:


Note:Gantikan yang di highlight .




Via - JejakTrend




Tinggalkan Komen Anda Disini