23 de nov. de 2012

Centralizar imagem e título no Blogger

No Blogger, ao alterar o cabeçalho, é possível adicionar uma imagem (em LayoutCabeçalho).




Entretanto, ela fica alinhada com a esquerda:





Para alinhar a imagem, com a opção "Inserir descrição depois da imagem" ativada, vá em Modelo e clique em Personalizar.


Ao abrir, clique em Avançado e em Adicionar CSS (são as ultimas opções de cada coluna).


No espaço para o código CSS, adicione o seguinte código:

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;} /*include this line if you are using Template Designer*/

O resultado pode ser visto na previsão abaixo. Ao terminar, não esqueça de clicar em Aplicar ao Blog.


Fonte: http://www.bloggersentral.com/2009/07/aligning-header-image-and-texts.html (lá ensina também a alinhar à direita e para os casos de só imagem ou imagem como fundo)

13 comentários:

  1. parabéns pela dica, muito bom gostei !!!!!

    ResponderExcluir
  2. Mto obrigada! Único tutorial de explicação clara e que realmente funciona que encontrei!!

    ResponderExcluir
  3. Mto obrigado!! Me ajudou mto e funciona!

    ResponderExcluir
  4. Finalmente um post que mostra como fazer efetivamente!! Uuuuuffa... atualizado, simples. PÁ-PUM! Parabens.

    ResponderExcluir
  5. Gostei,Mto Boa A Dica :)

    ResponderExcluir
  6. Nossa, obrigada !
    Me ajudou bastante (:

    ResponderExcluir
  7. Parabéns pela dica. Meu blog ficou com uma aparência bem melhor. Agora, solucionado este problema, tenho um outro: Gostaria de saber como faço para centralizar o título das postagens. Você pode dar uma força?

    ResponderExcluir
  8. Adorei este tutorial, muito bom!
    Ao tempo que andava de volta disto e não estava a conseguir centrar a imagem do titulo. Mil obrigados

    ResponderExcluir
  9. Muito obrigado, foi de grande utilidade!

    ResponderExcluir
  10. Muito obrigada! Não entendo nada de programação e já havia tentado outros códigos em vão. Foi muito útil!

    ResponderExcluir
  11. Finalmente algúem deu uma resposta objetiva e verdadeira pra essa questão. dei moal, super curti...
    Passa lá no meu blog e veja como ficou... zamaeli2@blogspot.com

    ResponderExcluir