Tutorial - Meletakkan Kalender Dalam Blog

Tweet

Bagaimanakah cara untuk meletakkan kalender dalam blog? Tutorial kali ini menunjukkan cara untuk meletakkan kalender dalam blog. Sememangnya kalender memang sudah sedia ada dalam Laptop / Dekstop, tapi sekiranya korang nak juga meletakkan kalender dalam blog korang, korang boleh ikut tutorial ini.

Kalender : Preview

Tutorial Cara untuk meletakkan Kalender ke dalam blog
Sila ikuti langkah mudah ini
1. Login ke Dashboard Blogger > Layout > Add Gadgets > Pilih HTML/JavaScript

2. Copy kod di bawah dan masukkan ke dalam HTML/Javascript korang.

<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="khaiangel.com";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
#blogCalendar {
display:block;
text-algin:center;
border:3px solid #666666;
width:90%;
background: #ffffff;
font-weight: normal;
color: #222222;
}

#CalendarCaption a {
text-decoration:none;
font-weight: bold;
}

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

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

.Today {
font-weight:bold;
color : #000000;
}

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

.yearInput {
color: #0065ff;
}

.monthTable {
color: #000000;
background: #0065ff;
}
</style></center>

3. Korang boleh Customize Calender korang dengan menukarkan Kod warna yang berwarna Oren mengikut kesesuaian blog korang.

4. Preview blog sebelum Save. Kalau dah puas hati, korang dah boleh Save. Siap!

Selamat Mencuba!

Smile :D

(Waiting for the right Source)

Google Tags: Tutorial Blog, Tutorial Blog Meletakkan Kalender Dalam Blog, Tutorial Blog Melayu, Cara Buat Blog, Cara Bina Blog, Tutorial Blogspot, Tutorial Blogger