Personalizando a data das postagens do blogger/blogspot

Hoje vamos aprender como realizar a personalização da data das postagens do seu blog. O resultado da modificação você já pode ver aqui mesmo no blog nas datas acima de cada postagem:

Vou ser bem breve com a explicação. Então vamos começar.

Vá até o editor HTML do seu blog e faça antes de tudo um rápido backup do seu template para evitar problemas. Agora localize no seu template o seguinte trecho: h2.date-header {

Se você encontrar apague tudo e adicione antes de ]]></b:skin> a seguinte definição CSS (isso serve também para quem não encontrar o trecho acima):

h2.date-header {
background:transparent url(http://3.bp.blogspot.com/_kRiGysx6lag/Sy584c6Q9bI/AAAAAAAAATk/YkLF3WzgKwc/s1600/dates.png) no-repeat scroll left center;
color:#A7A7A7;
font-size:12px;
font-weight:400;
letter-spacing:0;
padding-left:19px;
text-transform:none;
margin:1.5em 0 0.5em;
}

Pronto, se preferir um espaçamento menor ou maior da linha de postagem modifique o valor: padding-left.

Fácil não é mesmo?! Até a próxima

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.