Como trocar a imagem do cabeçalho do blog no Blogger

Essa é outra questão recorrente. Muitos, ao instalarem novo Template no Blogger (Blogspot) não gostam da imagem do cabeçalho (título do Blog) que vem pré-definida ou mesmo não quer apenas usar um texto como título ou marca de seu blog. É possível trocar ou colocar uma imagem no cabeçalho do blog e isso é super simples e fácil de fazer.

Trabalhar com imagens no blog requer algum conhecimento mínimo de edição e também é importante saber como e onde armazenar as imagens que você deseja usar. Recomendo que conheça o que segue nesses tutoriais como complemento:

Como trocar o cabeçalho do Blog:
1. O primeiro passo é entrar em “Design” ~> “Elementos da página” no painel do Blogger. O Cabeçalho do blog é um elemento como o texto ou os gadgets e pode ser modificado facilmente.

2. Onde fica o título do seu blog, a primeira barra de elementos da página do blog é a do Cabeçalho. Clique em “Editar” (“Edit”).

3. Na janela que abrir, você verá as opções para trocar o título do blog, escrever uma descrição e também colocar ou trocar a imagem.

4. Em  “Imagem”, escolha a origem da figura, se do seu PC ou da web.

5. Em seguida, se vai continuar usando o texto do título e descrição por sobre a imagem nova ou se vai substituir o título por completo onde está escrito “Posicionamento”.

Obs.: Essa opção só aparece depois de escolher uma imagem.

barra09

6. Feito isso, basta clicar em “SALVAR” e verificar o resultado.

Já aviso que isso é um pouco complicado de acertar. É preciso gastar tempo fazendo e refazendo a imagem que quer usar para caber bem no visual do seu blog e com as dimensões e medidas certas. Mas vale muito a pena para personalizar seu blog e ter um visual exclusivo.

Aprenda aqui também a fazer backup das imagens de seu blog hospedadas no PicasaWeb:

Editores de imagens recomendados:

Ebook Blogar - O Processo de Criação de blogs, Compre agora por apenas 14,90

Website | Twitter | Facebook
Marcos Lemos é professor e blogueiro. Formado em Teologia pela PUC-MG, graduando em Letras (Português/Inglês) pela FUNEDI/UEMG. Criador do [ Ferramentas Blog ] e tem se destacado como metablogger.
Marcos Lemos já escreveu 1261 posts no Ferramentas Blog.

20 comentários

  1. Rogerio Europa disse:

    Ola amigão
    Descobri teu blog e ele vale ouro. Achei clicando no proximo blog.
    Voltarei outras vezes.
    Obrigado
    Rogerio

  2. snuker disse:

    Amigo, fiz tudo essa instrução que você disse acima e não deu certo… Fica apenas as palavras escritas… o tamanho da minha imagem é 660×170….

  3. Marcos Lemos disse:

    snuker…
    Vc deve ter slatado alguma etapa ou não deve ter clicado para substituir o texto pela imagem.
    Depois veririca se o template q tá usando permite trocar a imagem pelo “Elementos da página”. Se seu template não permite, vc terá q fazer a troca no código HTML.

  4. Snuker disse:

    Amigo, tenteipor diversas vezes por o cabeçalho, não deu.

    Resolvi remover manualmente o cabeçalho que já tinha no modelo e adicionar um novo (via gadget)… deu certo.. não sei porque o cabeçalho original não deixava eu adicionar uma imagem nele, enfim, consegui arrumar… muito obrigado pela ajuda sua… ahh, to participando da promocao de aniversario =)… seu blog é muito bom, principalmente para iniciantes como eu. valeu!

  5. Velho eu faço tudo certo só q a imagem ñ aparece…pq sera…e olha q ja temtei vaios templates, nem com os q ja vem como modelo da certo oq sera q esta avendo???

    Vlw….

  6. Marcos Lemos disse:

    Greh,
    Alguns modelos criados por terceiros realmente nào tem como mudar o cabeçalho como indicado acima.
    É preciso achar a linha do código que define o cabeçalho (isso cada template tem uma diferente) e onde está a URL da imagem. Aí é só alterar o endereço.

  7. Boa noite!
    Cara, meu problema é igualzinho de algumas pessoas acima. Faço tudo certinho e por várias veses ainda e nada da certo. Eu nao entendo de HTML por isto não consigo muda-lo por lá. Uso o mesmo modelo que alguns colegas meu usaram mas sem sucesso. Vc pode me ajudar de alguma forma? Se quiser da uma olhadinha lá http://www.blogdoduhamam.blogspot.com

  8. Marcos Lemos disse:

    .

    É o seguinte.
    O q está explicado acima, não mexe no HTML. É uma função de Elemento de Página no Blogger.

    Se o seu template é personalizado, então precisa entrar em contato com o criador do layout e perguntar como fazer as mudanças…

  9. Tiago Cervo disse:

    Espero que você possa me ajudar. Eu estou tentando mudar essa imagem do cabeçalho do blog, mas sempre fica sobrando espaço, ou faltando.

    E sempre fica com cara de trabalho amador no meu blog, preciso de uma coisa mais profissional. Se vc souber uma forma mais profisional de fazer isso agradeço.

    Abraço

  10. Flor da Vida disse:

    Oi marcos

    Parabéns pelo blog. Realmente muito bom.
    Estou querendo adicionar imagem e texto no mey cabeçalho, mas não dá certo. Quando fica a imagem não fica o texto e vice-versa. O que faço? Já iz e refiz tudo como vc instruiu e nada.
    Help!!!!!

  11. Marcos Lemos disse:

    Flor da vida,
    Acho q vc está esquecendo de escolher “Por trás do título e descrição”.
    Assim a imagem fica de fundo…

  12. Mister (BIN) disse:

    Muito bom o blog!. Exelente!. Parabens!. Seu blog é de primeira!. Muito bem escrito e simples de entender, como já disse antes parabéns!

  13. por favor

    como eu posso cetrar a imagen do logo

    desde ja o meu muito obrigado

    Jorge

  14. Marcos Lemos disse:

    Jorge,

    isso depende do seu Template e não tenho te ajudar. Vc terá que entrar em contato com quem criou e saber como resolver esse problema.

  15. receitasvemqtem.blogspot.com disse:

    gostaria de saber quando éssa imagem ainda é um codigo como eu faço minha dificuldade é esta ,a imagem esta em codigo e nao consigo colocar no cabeçalho fica tudo em branco , peço a sua ajuda de como eu faço

  16. Marcos Lemos disse:

    Você pode ser mais específico?
    O que é uma “imagem código”?

    Se o que vc quis dizer é que vc tem a URL da Imagem, ou seja, que a imagem já está hospedada na internet e agora tem um endereço, então basta adicionar o endereço, a URL onde está indicado “Da web”.

    .

  17. Borboleta Serrana disse:

    O seu blogue tem-me ajudado imenso. Obrigado pelas dicas:) Só me falta colocar a fotografia no cabeçalho, mas não sei definir o tamanho certo, sai sempre das margens. tentei cortar no Picasa, mas sem sucesso. num local diz tamanho 660 pixels e no picasa não encontro a correspondência. Será que me pode ajudar, uma vez mais?!
    Obrigada
    sofia

  18. Pingback: Artigos mais visitados do Ferramentas Blog | [ Ferramentas Blog ]

  19. Pingback: Menu Configurações – TUb Ferramentas Parte 1 | [ Ferramentas Blog ]

  20. Antes de tudo venho agradecer por sua “colaboração” para os leigos (como eu) e pela paciência, OBRIGADO! e parabeniza-lo por seus artigos sempre bem explicados.

Faça um comentário

Siga o Ferramentas Blog no Twitter e ganhe um E-Book 40 Dias Para Salvar Seu Blog