17 May 2011

Tutorial : Calendar blog Archieve Berbackground



Assalamualaikum. Tadi buka Facebook, Naik la notification. Kak KATY IFAH   Tanya "macam mana nak buat background calender tuh? macam Faqihah Husni tuh." Ni adalah Jawapannya. Tutorial  memeningkan kepala pun sebab semuanya serba lengkap :) Okay jum mulaaa (!)




First , Pergi design>Add a gadget>Html/Java script

Copy code kat bawah ni then pastekan dekat Html/Java scipt tadi :
<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="URLBLOGKORANG";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
#blogCalendar {
display:block;
text-algin:center;
border:3px double #F5A9A9;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
width:90%;
background: url(URLIMG);
}
#CalendarCaption a {
text-decoration:none;
}
#CalendarCaption {
border-bottom: 3px solid #F5A9A9; -moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
width:85%;
margin:auto;
}
#CalendarTable a {
font-weight:bold;
color: #FA5858;
}
.Today {
background: #F5A9A9;
font-weight:bold;
text-decoration:none;
}
#CalendarFooter {
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
background: #F5A9A9;
}
.yearInput {
color: #000000;
background: #F6358A; }
.monthTable {
color: #000000;
background: #F5A9A9;
}</style></center>

Change-ing time :
Hijau : Ganti dengan url blog korang
Biru : Ganti dengan url gambar kesukaan korang :)
Merah : Boleh tukar code warna dekat >SINI<
Free:

http://i404.photobucket.com/albums/pp128/Original_Kiddss/background.
Dah siap , save jelah terus :) Dah amek , tolong komen yaa :P Don't be naughty (!)
Credit bulat-bulat 

10 comments:

Your words defines you