Cara mengganti tanggal posting menjadi icon kalender

1. Masuk ke dashbor
2. Klik Rancangan ---> Edit HTML
3. Cari kode di bawah ini:

<TITLE><data:blog.pageTitle/></TITLE>

4. Lalu taruh kode berikut ini di bawah kode di atas:

<SCRIPT type='text/javascript'><br /> //<![CDATA[<br /> /*********************************/<br /> /* http://trik-tips.blogspot.com */<br /> /*********************************/<br /> function date_replace(date) {<br /> var da = date.split('.');<br /> var day = da[1], mon = da[0], year = da[2];<br /> var month =<br /> ['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];<br /> document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");<br /> }<br /> //]]><br /> </SCRIPT>

5. Kalau sudah cari kode di bawah ini:

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

    Kalau gag ada kode di bawah ini:

h2.date-header {<br /> margin:1.5em 0 .5em;<br /> }

6. Kalau sudah ketemu masukan kode berikut di bawah kode tadi:

.dateblock {<br /> background: url("http://kendhin.890m.com/kalender/bluecalend.gif")<br /> no-repeat;<br /> width: 55px;<br /> margin: 0;<br /> font-weight: bold;<br /> height: 50px;<br /> /*position: absolute;<br /> top: 0;<br /> left: 0;*/<br /> float: left;<br /> text-align: center;<br /> }<br /> <br /> .month {<br /> font-size: 11px;<br /> width: 37px;<br /> margin: 0 5px;<br /> text-transform: uppercase;<br /> color: #fff;<br /> }<br /> <br /> .day {<br /> color:#3366CC;<br /> font-size: 19px;<br /> width: 37px;<br /> margin: 0 5px;<br /> <br /> }

Posted in: tips-trick