Cara Gantikan Blog Achieve dengan Kalendar

Salam semua...
Kalendar dengan blog achieve ni akan membuatkan blog anda kelihatan lagi kemas Tak perlulah nak letak Blog Achieve panjang2kan? Anda semua nak tahu cara buatnya? mudah sangat2...


1. Login ke Blogspot .

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

3. Copy kod di bawah dan pastekan kedalamnya

<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="namablog.blogspot.com";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
#blogCalendar {
display:block;
text-algin:center;
border:1px dotted #F6358A; 
width:90%;

background: #ffffff;

}

#CalendarCaption a {
text-decoration:none;
}

#CalendarCaption {

border-bottom: 2px solid #F6358A; 

width:85%;
margin:auto;
}

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

.Today {

background: #F6358A;

font-weight:bold;
text-decoration:none;
}

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

background: #FFC0CB; 

}

.yearInput {
color: #000000;

background: #F6358A; 

}

.monthTable {
color: #000000;

background: #F6358A; 

}
</style>

*Bahagian yang saya highlight dengan warna merah itu, anda boleh ubah kod warnanya mengikut warna yang ada suka. Kod html warna, anda boleh dapatkan disini ...
** Bahagian yang saya boldkan dengan warna purple anda boleh ubah warna backgroundnya ataupun dengan memasukkan image dengan mengantikan kod tersebut dengan kod dibawah ini:
background: url(url gambar anda);

Contoh nama blog yang perlu dimasukkan adalah : whiteymommy.blogspot.com
pastikan http:// tidak dimasukkan...

4. Save dan View... Mudahkan?

Selamat Mencuba...

Whitey Note: sifu Tutorial ini adalah Jejak Trend...Dah ambil tutorial ni pastikan tinggalkan komen ya... mudahkan?