Dear friend,
When you visit some blogs at Wordpress, Skyblog, Opera ...you frequently see the Calendar icon being used as post date on their blogs. It's beautiful, isn't it? Have you ever looked for the tip to replace the origin post date of blogspot with that cute icon? Can you make it 
? Yes, you can.
I found this tip incidentally at a Vietnamese blogger's blog. You can read the original article here in Vietnamese. Look at the icon on the top of this article. Cute, isn't it? And why don't you get it on your blog?
Just follow these simple steps below:
1/ Go to Templates, choose Page Elements, open Edit of Main post and set the date as this picture then save your change.
2/ Open Edit HTML, back up your template before placing the new code into template (expand widget).
Place this code between <head> and </head> tag.<script src=' http://infoteksite.googlepages.com/
remplazafetch.js' type='text/javascript'/>
<style type="text/css">
#fecha {
display: block;
float:left;
margin: 0 13px 0 0;
padding: 0 12px 8px 10px;
color: #333;
background: transparent url(http://infoteksite
.googlepages.com/postdate.gif) no-repeat;
border: 0;
text-transform: uppercase;
}
.fecha_mes {
display: block;
font-size: 10px;
font-weight:bold;
}
.fecha_anio {
display: none;
font-size: 10px;
}
.fecha_dia {
margin: 8px 0 0 1px;
display: block;
font-size: 16px;
font-weight:bold;
}
</style>
Next, look for this code:<h2 class='date-header'> <data:post.dateHeader/> </h2>
and change it as the following:<h2 class='date-header'>
<div id='fecha'> <script> remplaza_fecha('
<data:post.dateHeader/>
'); </script> </div> </h2>
Save your template and open your homepage to see the new post date header. 
1 comments:
Hi,
I refer to the above picture (date header format) in which you described as in step one is totally busted as you should refer it to layout and formatting.
Post a Comment