Blog Archive Versi Calendar Berbackground // Tuesday, July 26, 2011
Assalamu'alaikum...
Tutorial ini untuk sedikit mempercantik blog Archive kamu bergaya seperti calendar tapi berbackground !!!
Kalau mau blog archive versi calendar tanpa background, bisa cari di blog INI.
Kalau mau bikin, ikuti langkah langkah berikut:
Dashboard >>Design >>Page Element >>Add Gadget
click HTML/Javascript
Pastekan kode ini:
<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="http://lettha-monstergirl.blogspot.com/";
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(URL BACKGROUND);
}
#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>
- Merah ganti dengan warna background yang anda suka.
- Biru ganti dengan URL Background yang anda suka
- Purple ganti dengan URL blog anda
SAVE then see :)