Harry Potter - Golden Snitch

Tutorial - Meletakkan Kalender Dalam Blog

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.

Tutorial blog - Meletakkan Kalender dalam blog
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

No comments:

Post a Comment

Don't forget to drop your comment.. Thanks ya!

Tutorial Blog Tutorial Blog Tutorial Blog
Creative Commons License
Khaiangel (Dot) Com is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
.
©KhaiAngel.Blogspot.Com All Rights Reserved