Mungkin kalender dalam postingan Anda tampak membosankan, dan Anda ingin menggantinya dengan ikon kalender yang lebih menarik. Jadi untuk pertama-tama siapkan dahulu ikon kalender yang akan di gunakan.
dibagian
Format Header Tanggal ganti dengan susunan (Bulan.Tanggal.Tahun) contoh 6.04.2009
Setelah itu simpan setelan.
Kemudian ikuti langkah-langkah selanjutnya.
1. Pilih Layout
2. Klik Edit HTML
3. Centang terlebih dahulu
Expand Widget Templates4. Cari kode berikut
<TITLE><data:blog.pageTitle/></TITLE>
5. Setelah itu, ketikan kode berikut persis dibawah kode diatas.
<SCRIPT type='text/javascript'>
//<![CDATA[
function date_replace(date) {
var da = date.split('.');
var day = da[1]. mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar',Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div
class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>
6. Jika sudah, cari kode seperti ini:
h2.date-header {
color:$dateHeaderColor;
}
atau yang seperti ini:
h2.date-header {
margin-top:0;
margin-$endSide:28px;
margin-bottom:0;
margin-$startSide:43px;
font-size:85%;
line-height:2em;
text-transform:uppercase;
letter-spacing:.2em;
color:$dateHeaderColor;
}
7. Dan persis dibawah kode
color:$dateHeaderColor; } , ketikan kode berikut ini:
.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}
.month {
font-size: 11px;
width: 37px;
margin: 0 5px
text-transform: uppercase;
color: #fff;
}
.day {
color:#f31eb6;
font-size: 19px;
width: 37px;
margin: 0 5px;
}
8. Dan sesudah itu cari kode berikut ini
<data:post.dateHeader/>
9. Kalau sudah ketemu, ganti aja kode diatas dengan kode seperti ini.
<DIV class='dateblock'>
<SCRIPT>date_replace(�<data:post.dateHeader/>�);</SCRIPT></DIV>
10. Setelah itu,
Save TemplateSelamat Mencoba..