Como personalizar a data.

                      
Então, sabe aqueles tutoriais de personalizar a data, que são gigantes, e as vezes não funcionam? Pois é. No meu NÃO funcionou. Então, eu decidi ensinar como eu fiz essa data que eu uso.
PS: Créditos ao blog Kawaii World, pois eu só vi esse tuto nesse blog.
Vamos começar? Clique em leia mais

Para começar, você deve fazer isso aqui (www).
Agora vá em Modelo>>Editar HTML.
Aperte F3 ou Ctrl F e pesquise por:
.main-inner h2.date-header {
Então, embaixo desse código 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;
}

Feito isso, vamos personalizar e entender?
color: #333; é a cor da data. Mude para a cor que quiser.
margin-left: -80px; : margin-left deixa na esquerda, troque left por risght se quiser na direita. 80px; é a distância entre a data e os posts. Quanto menor, mais próximo.
background: #f49cca; é a cor do fundo da data. Coloque a cor que quiser.
float: left; Muda a localização da data. Troque por right se quiser que fique na direita.
font-size: 11px; Este será o tamanho da fonte.
padding: 4px; Esta é a margem do quadrado
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;   Isso equivale as bordas arredondadas. Caso queira que sua data fique quadrada apague essa parte.
background: #87cefa Equivale a cor do fundo quando você passa o mouse.
Recomendo essa tabela de cores: (www)

Espero que gostem, e que isso tenha facilitado você a colocar uma data personalizada.