Menukarkan Post Date Dengan Calendar Icon

1. Sign blog anda.

2. Pilih Settings --> Formatting dan ganti "date header format".

3. Pastikan format tarikh seperti ini (mm.dd.yyyy) contoh : 7.14.2010.

4. Kemudian Save Setting.

4. Langkah seterusnya, pilih Design --> Edit HTML --> Expand Widget Templates.

5. Cari kod ini </head>.

6. Copy kod di bawah dan paste diatas kod tadi.

<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>

<script type='text/javascript'>

if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);

</script>

7. Cari kod ini ]]></b:skin>.

8. Copy kod dibawah dan paste diatas kod tadi.

.dateblock {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjVDNIR5kU0PlnwheIxU3YGzEgVmtwwuMQKNKdg7iCtxHVWyUQMfwWpDRypSLmzDLBEzF8aD_nsLUWIIA-CoBtr51GA1qv5r-M9FcyOSGCUnI0p3OcrySLUFpS98lL-_K1yRQd0yg49cQ/s1600/dateblock.gif); background-repeat:no-repeat; width:66px; height:75px; text-align:center; float:left; color:#fff; font-size:10px; font-weight:bold; margin:0px; margin-top:3px; margin-right:10px; padding-top:7px}

.day{font-size:35px; font-weight:bold; color:#000; padding-top:5px; letter-spacing:-1px}

.month{font-size:12px; font-weight:bold; color:#fff; padding:0px; letter-spacing:1px

}

9. Cari kod ini <data:post.dateHeader/>.

10. Sekiranya anda sudah jumpa kod diatas, gantikan dengan kod ini.

<DIV class='dateblock'>

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

11. SAVE.

Selamat Mencuba...