teste 3

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;
margin-top: 5px;
padding: 9px 1px 2px 1px;
overflow:hidden;
line-height: 18px;
word-spacing: 25px;
}

Onde está URL DO BACKGROUND você irá colocar uma imagem de fundo, separei algumas aqui:

Onde está escrito Arimo é o nome da fonte que eu escolhi, mas você pode colocar outra fonte ex: Verdana, Arial, Calibri. Entenderam? É isso meu povo beijos, ha e não deixem de comentar o.k.? Até mais, Xoxo *.*