Como personalizar a data do blog?

Postado por:
1 Comentário

Hooy tudo bom com vocês? Hoje trouxe mais um tutorial que eu vou explicar como faz para personalizar a data do seu blog o.k.? Espero que vocês gostem, mas antes... 1,2,3,4 eu não vou pra escola que amanhã é feriado (kkkkk tá parei)

 Gostaria de dizer a vocês que os posts daqui do blog, sempre serão feitos a tarde porque eu estudo de manhã. Então já sabem né? hahaha vamos ao tutorial clique em let's  go baby.

Pra começar o tutorial você vai abrir seu blog (óbvio) e ir em configurações > idioma e formatação. E arrumar a data assim ó



Depois de arrumar a data desse jeito você vai salvar as configurações e pronto.

Agora vamos personalizar a data: Vá em modelo > Editar html > Ctrl + f e pesquise pela tag
.main-inner h2.date-header {
Quando você achar essa tag vai ter algo parecido com isso:
.main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);
}
Apague todo esse código e coloque no lugar esse aqui: 
font: normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;/* cor da fonte da data */
background: url('URL DO BACKGROUND');
background-repeat: no-repeat;
text-align:center;/* alinha o texto */
font-family: 'Arimo', sans-serif;
font-size: 18px;
width: 80px;/* largura */
height: 80px;/* altura */
float:left;
margin-left: -55px;