Ganti Tarikh Posting dg Icon Calender

1. Login ke blogger -->Settings --> Formatting
   
2. ganti "date header format" atau "format tarikh kepada (mm.dd.yyyy)
3. Pilih menu Layout --> Edit HTML . Tandakan pada kotak Expand Widget Templates
4. Cari kod ini <TITLE><data:blog.pageTitle/></TITLE> (tempatnya dibahagian atas) kalo dah jumpa masukkan scrpit di bawah ni tepat dibawah kod yang atas ni...

1. 
   

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trik-tips.blogspot.com */
/*********************************/
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>

5. kalau dah siap, cari ni plak;

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

kalau xder..cri yg ni,.

h2.date-header {
margin:1.5em 0 .5em;
}

6. kalau dah jumpa..masukkan scrpit dibawah ni.kat bawah kod td..

.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:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}

Kod http://kendhin.890m.com/kalender/bluecalend.gif
adalah gambar icon kalender. korang boleh gantikan kalender tu ikut yg bawah ni.
gantikan huruf yang aku bold/tebalkan..dengan kod bawah ni...kalau korang nak buat sendiri pon xpa..boleh jer..

blackcalend.gif	blue2calend.gif	bluecalend.gif
greencalend.gif	orangecalend.gif	pinkcalend.gif
redcalend.gif	ungucalend.gif	yellowcalend.gif

Kod color:#3366CC; adalah kode warna
kalender.

7. langkah seterusnya carilah kod ni
<data:post.dateHeader/>, kalaunak sng, tekan je Ctrl-f dan paste di dalam kotak yang disediakan, kalau dah jumpa ganti kod tadi tu dengan kod kat bawah ni.

<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>

5. save dan pastu tengok la hasilnya...

kalau utulisan tu terlalu ke atas..tambahkan je padding: 4px 0px 0px 0px; dibawah kode .month { dan juga dibawah kode .day {