Data Personalizada no blog

Oi meninas, continuando com a maratona de tutoriais, hoje eu vou postar a como colocar uma data
personalizada no blog, igual a minha, além de deixar o blog mais bonito, deixa ele com um aspecto mais profissional, então clique em leia mais e vamos ao tutorial.

Sua data ficara mais ou menos assim mas você pode colocar outro plano de fundo

Va em modelo > editar html.
Aperte ctrl + f e na caixinha de busca que aparecer procure por:

   .main-inner h2.date-header {
Abaixo disso cole:
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: 'NOME DA FONTE', 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 esta url do blackground substitua pelo código da imagem de fundo que você que que fique na data
Trouxe algumas imagens de data para vocês usarem
data blogdata blogdata blogdata blogdata blog
Creditos do tutorial:Coroa Rosa   Creditos das imagens:Mundo de Blogueira
Espero que vocês tenham gostado do tutorial, usem ele, amanha tem mais, se vocês quiserem deixar dicas de tutoriais para eu postar, e só falar pelos comentários, então ate mais


 photo assii_zps94f4abab.jpg

2 comentários:

  1. Oi,não consegui fazer !
    Salvo o modelo, mas não aparece no blog.
    O que eu faço ?

    ResponderExcluir
    Respostas
    1. Vê se você fez tudo certinho, as vezes você colocou alguma coisa errada, se não de certo apaga e faz tudo de novo com atenção.
      Bjus Anna

      Excluir