Data Personalizada no blog

Oi meu amores, então vou falar tudo que tiver pra falar logo! Antes de ontem eu fiquei sem internet e só ontem ela voltou então ontem tive que fazer tudo que eu faço em dois dias, responder comentários, fazer ecomendas, fechar parcerias e tudo mais... Espero que não fiquem chateados, é tudo para vocês! s2

Hoje a pedido de uma das leitoras aqui do blog eu fazer esse tuto, é fácil mas precisa de muita atenção pois é comprido de mais!

OBS: Increvam-se para a Equipe TG

OBS²: Vote no TG clicando aqui e aqui!

Passo 1 - Vá no painel do Blogger >> Configurações/Detalhes >> Formatação >> e em formato de data coloque a última opção, 25 julho 2011.

Passo 2 - Procure pelo código abaixo:

</head>

ABAIXO disso coloque:

<script>function remplaza_fecha(d){ var da = d.split(' ');dia = "<div class='fecha_dia'>"+da[0]+"</div>";mes = "<div class='fecha_mes'>"+da[1].slice(0,3)+"</div>";anio = "<div class='fecha_anio'>"+da[2]+"</div>";document.write(dia+mes+anio);}</script>

Passo 3 - Agora procure por:

<b:if cond='data:post.dateHeader'>

Deve estar mais ou menos assim:

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

ABAIXO disso cole o código abaixo:

<a expr:name='data:post.id'/>

Passo 4 - Procure agora por:

<h2 class='date-header'><data:post.dateHeader/></h2>

 SUBSTITUA isso pelo código abaixo:

<div id='fecha'><script>remplaza_fecha('<datapost.dateHeader/>');</script></div>

Passo 5 - Procure por:

]]></b:skin>

logo ACIMA disso cole o código abaixo:

#fecha {
color: #464646; /*Edite a cor da data*/
padding: 0px 0px 0px 0px; /*Altere as margens internas da data*/
margin-right:5px; /*Margem externa direita*/
float:left;
text-align:center;
border: 1px none #dedede; /*Coloque borda se quiser*/
list-style:none;
display: block;
background: url('URL AQUI') no-repeat;
}
.fecha_dia {
display:block;
font-size:18px; /*Tamanho da fonte*/
line-height:16px; /*Altura da Linha*/
font-family:'Arial';
letter-spacing:-1px
}
.fecha_mes {
font-size:10px; /*Tamanho da fonte*/
line-height:9px; /*Altura da Linha*/
text-transform:uppercase;
display:block;
}
.fecha_anio {
font-size:9px; /*Tamanho da fonte*/
line-height:8px; /*Altura da Linha*/
display:block;
}

Não desista na metade, é um pouco comprido mas funciona eu garanto. E vale a pena o esforço. Se não consiguiu tente de novo. Dúvidas? Mande um comentário... Beijos!