How To Change Date Posted dg Calender Icon

How To Change Date Posted dg Icon Calender | New

The first we have to do is change the setting of the date first, do as usual blogger login first to continue to select Settings -> Formatting, change "date hder format" or "format to date (mm.dd.yyyy)
who are beginners must have confused the point right? that you know next to the words "date hder format" right there is a box that shows the date, then you click and choose which format eg 13.01.2008 bulan.tangal.tahun continue to save

The second step select menu Layout -> Edit HTML. Then tick the box Expand Widget Templates,

1. Find this <TITLE> <data:blog.pageTitle/> </ TITLE> (place at the top) if dah met undernth put the following script exactly
<SCRIPT type='text/javascript'>
//<![ATA[
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], yr = 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>


2. if alrdy find this :
.date-hder {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHderColor;
font-size: 100%;
}
if not there try looking for this one
h2.date-hder {
margin:1.5em 0 .5em;
}

3. If you found undernth put the following script
.dateblock {
background: url("http://img600.s.us/img600/3576/bluecalend.gif")
no-rept;
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;

}

Http://img600.s.us/img600/3576/bluecalend.gifadalah icon calendar. You can replace them with pictures of how to replace the below the with the following , for example, you pingin calendar is red, then change the so http://img837.s.us/img837/9199/redcalend.gif

http://i246.photobucket.com/albums/gg91/elu_isme/blackcalend.gifhttp://img805.s.us/img805/9918/blue2calend.gifhttp://img600.s.us/img600/3576/bluecalend.gifhttp://img837.s.us/img837/4311/greencalend.gifhttp://img137.s.us/img137/3329/orangecalend.gifhttp://img196.s.us/img196/8339/pinkcalend.gifhttp://img837.s.us/img837/9199/redcalend.gifhttp://img220.s.us/img220/3262/ungucalend.gifhttp://img818.s.us/img818/1760/yellowcalend.gif

Then color: # 3366CC; was color d
date, you can replace it with another color. You can see the - the color
INHERE.

4.The next step is you find this
<data:post.dateHder/>, let's sy way nyarinya copy the ,

continue to press Ctrl-F and paste in the box provided, directly nha

see it. if you found replace the with this script.


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

5. Save your template and see the result. Yes do not succeed?

If such writings month and date are up try adding this padding: 4px 0px 0px 0px;under the .month { and also under the .day {

NB: If date is changed to the words "undefine" it certainly does not pay attention to you from the beginning of this tutorial. Take a look at this tutorial from the beginning and rd the fine print command. : D

Good Luck..!!