Tutorial: Personalize a data do post

 

   Faz um tempinho que eu não posto nenhum tuto, então para renovar a tag Goodies, resolvi ensinar a personalizar a data do seu post assim como está atualmente no Sparks, no modelo travel e viagem.

 

  Então sem mais delongas, vamos ao tuto. 

1) Painel > Configurações > Formatação

     Confugure o formato da data para 17/03/12 ou 17.03.12

2) Painel > Design > Editar HTML

     Dê Ctrl + F e procure por 

.main-inner h2.date-header {

3) Abaixo dele, cole o seguinte código:

/* Data da postagem personalizada por The Lovers */

font:Arial;

color: #000000; /* Cor da Fonte */

margin-left: -60px; /*Distância, caso não encoste diminue o número até dar*/

background: #E6E6FA; /* Cor de fundo */

float: left;

font-size: 11px; /* Tamanho da fonte */

padding: 4px;

border-radius:0 0 10px 10px;

}

/* Fim da data personalizada por The Lovers */

Observações:

Personalize como desejar as áreas em negrito.

Os números em rosa são o tamanho do arredondado, regularize como desejar.

Se a data tiver de ser do lado direito, troque left por right.

Tutorial modificado de: The Lovers