Personalizando A Data Dos Posts

 Yoo!

Hoje trouxe um tutorial de como personalizar a data das postagens,mais para isso você tem que prestar bastante atenção na explicação e no codigo,senão você não vai conseguir.

Primeiro vá em Configurações > formação > e mude o formato da data para está:

Agora vá em editar html > aperte ctrl+f e procure por:

.main-inner h2.date-header {

Abaixo disso cole:

 font: Tahoma; color: #333; margin-left: -80px; background: #f49cca; float: left; font-size: 11px; padding: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .main-inner h2.date-header:hover { background: #87cefa; }

 font: Tahoma; A fonte escolhida para a data.
 color: #333; Cor da data.
 margin-left: -80px; - left = Deixa a data na esquerda, troque por right se quiser ela na direita.
 -80px = Distância entre a data e o título do post . Quanto menor, mais próximo.
  background: #f49cca; Cor do fundo.   float: left;  Muda a localização da data. Troque por Right se quiser na direita.
  font-size: 11px; Tamanho da fonte.
  padding: 4px; Margem do quadrado.   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; Essa parte é um adicional. Deixa as bordas arredondadas, mas se você quiser que elas fiquem quadradas apague essa parte TODA.
background: #87cefa Cor do fundo quando passa o mouse.

  Visualize e se tudo estiver correto, salve (: