March 23, 2013

How to Customize date header style in Blogger?

Paste this below code above </head>
function remplaza_fecha(d){
var da = d.split(' ');
dia = ""+da[0]+"";
mes = ""+da[1].slice(0,3)+"";
anio = ""+da[2]+"";
  document.write(dia+mes+anio);
}
Paste this below code above ]]></b:skin>
#fecha {
display: block;
margin:0 10px;
float:left;
padding: 5px;
color: #ffffff;
background: #484848;
border:#000000 3px solid;
text-transform:capitalize;
}
.fecha_date {
display: block;
font-size: 16px;
font-weight:bold;
}
.fecha_month{
display: block;
font-size: 10px;
}
.fecha_year{
display: block;
font-size: 10px;
}
Replace every <data:post.dateHeader/> with below Code
<div id='fecha'>
<script>remplaza_fecha('<data:post.dateHeader/>');</script>
</div>

2 comments:

  1. Replies
    1. Its working, you can see my date header as an example for it.

      Delete

Popular Posts

Views