06 March 2011

tutorial ; archieve calendar + background




yeahh ,:face7: apabila tiada idea untuk buat entry .
buat tuto jelah :face19: . seriously , tak ade idea nak
buat entry ,:face43: okay , tapi naseb baek ila
request tuto . hoho . now , afiq nak ajar camne
nak buat archieve calendar kita nih ade background .
yupp , archieve calendar kite yg dulu tu simple jeh kan ?
so , harini . kite nak bagi dye ade background !
yeahh , barulah colourful kenn :17: . let's start ....


firstly , pegi dekat ;

Dashboard > Design > Page Element > Add a Gadget > pilih HTML/JavaScript

then , copy code yg ade kat bawah nih


<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="sayaawakdandia.blogspot.com";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
#blogCalendar {
display:block;
text-algin:center;
border:1px dotted #3399FF;
width:90%;
background: url(URL BACKGROUND ) ;
}
#CalendarCaption a {
text-decoration:none;
}
#CalendarCaption {
border-bottom: 2px solid #3399FF;
width:85%;
margin:auto;
}
#CalendarTable a {
font-weight:bold;
color: #3399FF;
}
.Today {
background: #3399FF;
font-weight:bold;
text-decoration:none;
}
#CalendarFooter {
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
background: #3399FF;
}
.yearInput {
color: #000000;
background: #F6358A;
}
.monthTable {
color: #000000;
background: #F6358A;
}
</style>

tukar kan URL BACKGROUND dgn background yang kita nak . cari
kat Photobucket jeh :face39: .
code yang warne biru tu , tukar dgn url blog kita sendiri yup .
code yg warne merah pulak boleh edit ikut citarasa
masing-masing :n: .
pastu paste kan dekat HTML/JavaScript tadi . :face68:
then tekan Save . :i:pastu tgok lah jadi ke tak . okay , tu jeh .hehe


now hearing ; CN Blue - Love . ^^,