Resenhas

A minha opinião sobre os mais variados produtos, de beleza a decoração.

Leia mais

Como Me Visto

O meu estilo pessoal e como me gosto de vestir.

Leia mais

Receitas

Receitas simples e fáceis, que dão certo!

Leia mais

17 de fevereiro de 2014

Como centralizar o título e data dos posts - CSS para Blogueiras! (#4)


Olá leitoras, tudo bem?!
Hoje não era para fazer post de CSS para Blogueiras, mas como recebi um pedido aqui no blog para ensinar a centralizar o título e data dos posts então decidi fazê-lo hoje. Este tutorial é bem simples! Vamos ver como fazer?!

Passo 1:
Vão até Painel > Modelo > Personalizar.

Passo 2:
Agora que estão no Designer de modelos do Blogger, vão até Avançadas > Adicionar CSS.

Passo 3:
No quadro Adicionar CSS personalizado colam os seguintes códigos:

h3.post-title {text-align:center;} /* centralizar titulo dos posts */
.main-inner h2.date-header {text-align: center;} /* centralizar data dos posts */

Passo 4:
Cliquem em Aplicar ao Blogue e está pronto!

Bem simples, não é? Digo-vos mais: este tutorial é dos mais simples que há de CSS. Quem diria que bastavam apenas 2 linhas para centralizar o título e a data?! rs
Espero que tenham gostado e se forem usar no vosso blog digam-me se resultou, ok?

27 comentários:

  1. Valeu pela dica vai ajuda bastante gente assim como eu .


    http://pormarinasantana.blogspot.com.br/

    ResponderEliminar
  2. Amiga que dica maravilhosa.
    tenha uma semana abençoada.
    Blog: http://arrasandonobatomvermelho.blogspot.com.br
    Canal de youtube: http://www.youtube.com/NekitaReis

    ResponderEliminar
  3. obg pela dica, tb queria saber como voce deixou a data dos seus posts nesse estilo que está agora. tambem foi css? gostaria de fazer algo parecido.
    obrigado.

    ResponderEliminar
    Respostas
    1. Olá Felipe,

      Sim, foi CSS que usei. Em breve faço um post sobre como deixar a data assim :)

      Mil beijinhos,
      Patrícia Salomé

      Eliminar
  4. Muito obrigado pela dica, foi de grande utilidade!

    ResponderEliminar
    Respostas
    1. Que bom que funcionou, Karollos!

      Beijos,
      Patrícia Salomé

      Eliminar
  5. Parabéns. Funcionou perfeitamente viu. Deus abençoe! *-*

    ResponderEliminar
  6. Adorei as dicas! Me ajudou muito, obrigada (:

    ResponderEliminar
  7. Adorei! Muito fácil e deu super certo! Obriiigaaaada
    www.maniiadebeleza.blogspot.com

    ResponderEliminar
  8. Obrigado pelo post. Muito rápido e fácil, fiz em menos de 30 segundos. Beijos!

    ResponderEliminar
  9. Muito obrigada pela ajuda, já tinha procura noutros blogs mas nenhum era assim tão acessível!

    http://estasaudosacasa.blogspot.pt/

    ResponderEliminar
  10. Obrigado pela dica acesse meu Blog e conheça www.srsdescolados.com

    ResponderEliminar
  11. Oi! Só pra dizer que sua dica foi muito útil, deu super certo no meu blog! Obrigada! Beijinhos

    ResponderEliminar
  12. Simples e eficiente. Deu super certo, obrigada!

    ResponderEliminar
  13. TÃO fácil e eu quebrando a cabeça de como fazer... Kkkk, amei a dica, muuuuuuuuuito obrigada!!
    Beijos :*

    http://www.karinamarques.com/

    ResponderEliminar
  14. Oi, Patrícia! Tudo bem? Eu uso este tutorial desde maio, e só agora decidi ver outros tutos. (XD)
    Você é muito doce e gentil, sem contar que o blog é lindo! Continue assim!
    Beijos! <3

    http://terrivelmenteencantada.blogspot.com.br/

    ResponderEliminar
  15. Seeria muito bom se fosse tudo pelo CSS! rs
    Obrigada querida

    ResponderEliminar
  16. Sua dica me ajudou bastante... Outros blogs estavam ensinando a centralizar pelo html, e eu não tinha conseguido.
    www.vintepoucosanosblog.blogspot.com

    ResponderEliminar
  17. Nossa, tão simples e eu quebrando a cabeça!
    Obrigada!

    beijos,

    ResponderEliminar
  18. Muito obrigada amiga. Meu blog tem template personalizado e tinha de ser um código css para resolver meu problema. Parabéns pela dica e muito obrigada bjos!

    ResponderEliminar
  19. Oi Patricia, deu certinho no meu blog. Obrigada.

    www.blogdesamores.com.br

    ResponderEliminar