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:

  1. terima kasih faqihah. thanks sesangat! hehe. muahmuah. iloveyou xD

    ReplyDelete
  2. Sye amik tutorial ni ye.
    Thanks :)

    ReplyDelete
  3. kenapa dia lambat loading kat bawah tu ? help me please ... url saya salah ke?

    ReplyDelete
  4. Kihah jihah amik background tu yee. Lawa sangat. Thanks bebanyak! :)

    ReplyDelete
  5. salam qihah....ambik tuto nie yew...
    nanti na krdit utk awk

    ReplyDelete

Your words defines you