Postagem em destaque

Mapa do Blog

30 de outubro de 2017

Como centralizar o cabeçalho no Blogger/Blogspot?

Como eu tive dificuldades para centralizar o cabeçalho, dei aquela bela pesquisada no Google, porém encontrei matérias desatualizadas, e como o Blogger deu uma atualizada nas suas funções, as dicas que encontrei não funcionaram, então precisei pesquisar mais e quebrar um pouco a cabeça. Então, pelo menos para agora (outubro de 2017) essa dica funciona.

Segui primeiramente a dica da Elaine no post Como centralizar título e imagem do cabeçalho, do blog Elaine Gasparetto. Porém resultou em erro.
Como eu não soube como ajustar para tirar a imagem que não estava centralizada, optei por simplesmente apagar o código que eu inseri, indicado ali pelo blog.

Depois, seguindo o segundo tutorial, Tutorial- Centralizando imagem e Titulo do Blog
 da Mariana Souza do blog Blog da Mary, e as alterações do Blogger, consegui finalmente centralizar.

1. Clique em "Tema"

2. Clique em "Personalizar"
3. Clique em "Avançado"
4. Ao clicar em "Avançado", aparece uma barra ao lado direito. Role a barra até a última opção, que é a opção "Adicionar CSS".

5. No espaço em branco, adicione o código:


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



6. Clique em "Aplicar ao blog" 

E, pronto, finalizado. A não ser que o blogger tenha atualizado suas funções, ou que você esteja usando outra plataforma que não o blogger, o cabeçalho estará centralizado.



Nenhum comentário:

Postar um comentário