Tutorial: personalize a data das postagens

adidas

Oi gente, sou eu de novo!! Mas agora eu trouxe um tutorial do Miki Candy que vai deixar seu blog super fofo!!! As postagens vão ficar bem mais bonitinhas... Bom, agora vamos ao tutorial.

Primeiro, você deve deixar o formato da data, dessa forma: 08/02/12 (ela aparecerá de acordo com o dia que você estiver), para isso, vá em em: Configurações  Idioma e Formatação  Formato da data, e altere como a do exemplo acima, e salve! 

Agora vá em Design  Editar HTML  aperte CTRL+F, e procure por:

main-inner h2.date-header {

 Achou? Agora, você deve apagar todo esse código:

.main-inner h2.date-header {

  font: $(date.font);

  color: $(date.text.color);

}

Agora substitua este código por este outro:

.main-inner h2.date-header {

font: georgia; 

color: #fff; /* Cor da fonte */

margin-left: -85px; /* Espaço entre data e área do post, altere até ficar do tamanho certo */ 

background: #FF69B4; /* Cor do fundo */

float: left; /* Posicionamento, caso a sua barra lateral seja do lado esquerdo, mude para left */

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

padding: 4px; 

border-radius: 10px; /* Bordas arredondadas */

}

.main-inner h2.date-header:hover {

background: #66CDAA; /* Cor do fundo quando passa o mouse */ 

}

Agora faça as alterações necessárias e prontinho!!! Espero que tenham gostado do tutorial :) 

 Sassy Girl

 Cupcake of Shine

 Docinho de Menina

 Bubblegum Bitch