Data personalizada no blog

Hooy amores *o* 3 posts no mesmo dia u_u' é , a bruna fez um agorinha falando que não vai poder postar nas terças -feiras , ou seja , amanhã eu vou continuar postando pra vocês  risadadomal 
Queria falar , que logo vou fazer um tutorial de barra lateral de duas colunas , mais por enquanto não , ok ? Hoje eu trouxe ooutro tutorial , de como deixar a data igual a do FS ! yees , e além disso , ainda trouxe uns brushes super fofos pra vocês da minha coleção de utencílios de deisng Vamos ao tutorial ?

1 - primeiramente vá no painel >detalhes>formatação e em formato da data coloque na ultima opção , 11 junho 2011

2 - vá em design >editar html > expandir modelos de widgets e procure por 

                                         </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>

 3 - agora pesquise por :

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

deverá estar assim :

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

abaixo desse código cole esse :

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

4 - procure por :

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

substitua por esse código

<div id='fecha'><script>remplaza_fecha('<data:post.dateHeader/>');</script></div>

5- Feito isso procure por :

]]></b:skin> 

acima cole :

#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;
}

Na parte em vermelho , coloque a url da sua imagem , ou o código da sua cor , para escolher uma cor clique aqui

Galera , não esqueçam de votar no FS no concurso Blog vs Blog >< está ali na barra lateral , o link pra vocês votarem