Change Your Posting Date With Calendar Icon

Salam semua..
Bekerja kah anda hari ni??
kuang...kuang..ku bercuti sakan lagi ni..
haiihhhh...kebosanan melanda..
tp xpe..aku nak bagi tuts pasal cara nak tukar tarikh entri kepada bentuk calendar..

meh aku ajar step by step yeee...

• Settings
• Formatting
• Change the date header format to mm.dd.yyyy for example 1.20.2009
• Save

Next..

• Layout (*before you guys start the step make sure backup your template first)
• Edit HTML
• Mark the Expand Widget Templates box
• Find code &<TITLE><data:blog.pageTitle/></TITLE>
• Paste below script after the code

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

Cari another code

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

or else cari code di bawah jika code di atas xjumpa

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

paste code di bawah selepas mencari code di atas

.dateblock {
background: url("http://i215.photobucket.com/albums/
cc133/muniiera/calendar/black.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;
padding: 4px 0px 0px 0px;
}

.day {
color:#000000;
font-size: 19px;
width: 37px;
margin: 0 5px;
padding: 4px 0px 0px 0px;

}

Next step find code <data:post.dateheader>
dan tukar code di atas dengan code di bawah

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

Kemudian Save the templates

got it??
ok now you guys can change the icon of your calendar
example black.gif to blue.gif

black.gif blue.gif blue2.gif

green.gif orange.gif pink.gif

red.gif yellow.gif purple.gif


(jika anda xmahu guna aku punya image hosting boleh je amik calendar2x tu n letakkan dlm image hosting korang sendiri k)

code color:#000000; adalah untuk memaparkan color tarikh anda.
ingin mendapatkan code color yg lain sila ke sini

Selamat Mencuba

mood: