Changing the date of posting with an image that can beautify your blog
The first we have to do is change the settings first date, do as usual Login to bloggers continue to choose Settings -> Formatting, replace "date header format" or "a date format (mm.dd.yyyy) nha who are beginners definitely confused mean right? that you know next to the words "date header format" it is the box that shows the date, then you click and select the format continues to save bulan.tangal.tahun eg 01/13/2008
The second step menu select Layout -> Edit HTML. Then check the box Expand Widget Templates, Oh yes, do not forget the back-up your template first. well now we proceed
1. Find this code <TITLE> <data:blog.pageTitle/> </ TITLE> (where the top) after See you put this code exactly below
<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>
2. Keep looking for this code
.date-header { or this
h2.date-header {3. Having met the change with this code
.dateblock {
background: url("http://i120.photobucket.com/albums/o190/jaloewig/calendar-1.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;
}
replace the image url in red with your own favorite images to fit your website code Continues color: # 3366CC; are color coded
date, you can replace it with another color
4. The next step is for you to find this code <data:post.dateHeader/>, if you have found replace with this code
<div class='dateblock'>
<script>date_replace('<data:post.dateHeader/>');</script></div>
5. Save your template and see the results.
If for example writing the month and the date is too above try adding this code padding: 4px 0px 0px 0px; under the code. month {and also under the code. day {
Title : How to change the dates of postings with pictures
Description : Changing the date of posting with an image that can beautify your blog The first we have to do is change the settings first date, do as usua...