Meh Pakat-Pakat Baca...: Tutorial: Cara Gantikan Blog Achieve Dengan Kelenda

Thursday, December 8, 2011

Tutorial: Cara Gantikan Blog Achieve Dengan Kelenda

Assalamualaikum & Salam Sejahtera

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 sangat

1. Login ke Blogspot .

2. Klik Design> 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 kat sini

** 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 : myblogdianaaziz.blogspot.com
pastikan http:// tidak dimasukkan

4. Save dan View.

Selamat mencuba ekkkk...!!