Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Dicas Vanessa S.

Localizar código referente ao cabeçalho para instalação de recursos

Como vocês já sabem, desde junho de 2010 o Designer de Modelo foi lançado oficialmente para todos os usuários do Blogger.
Apesar de já termos publicado diversos tutoriais voltados a instalação de recursos nestes modelos, a maioria dos nossos artigos aplicam-se aos antigos modelos de layout (Templates minima).

Se você observar, nos tutoriais para instalação de menus, sempre informamos que você deverá escolher o local mais adequado para instalar o seu menu no template.
Não há como informarmos precisamente onde instalar menu, a escolha do local deverá ficar por sua conta, até porque cada template é diferente um do outro.

Visando auxiliar nossos leitores no tocante a instalação de menu, resolvi criar este artigo com dicas para você conseguir localizar o trecho referente ao código do cabeçalho, desta forma, você terá melhores condições de escolher melhor onde colar alguns códigos, principalmente códigos de menus.

Abaixo seguem algumas dicas para localizar o trecho referente ao código do cabeçalho.

Designer de Modelo:

Se quiser que o menu fique visível acima da barra de cabeçalho, cole o código do menu acima do código referente ao cabeçalho.
Se estiver usando algum modelo de template do “designer de modelo do blogger”,a tag referente ao cabeçalho é: <header>
Se você quiser instalar um menu ACIMA do cabeçalho, basta localizar a tag : <header> e colar o código html do menu ACIMA desta tag.

Se quiser que o seu menu fique abaixo do cabeçalho, instale o código html do menu ABAIXO da tag: </header>

Templates mínima:

Se estiver usando algum modelo do template minima, a tag referente ao cabeçalho é: <div id=’header-wrapper’>
Caso queira que seu menu fique acima do cabeçalho, basta instalar o código acima da tag <div id=’header-wrapper’>
Caso queira instalar o menu ABAIXO do cabeçalho, você deverá colar o código html do seu menu abaixo da tag de fechamento do header, que no nosso caso será a tag : <div>

Com essas dicas você aprende a localizar de forma mais eficiente as partes de seu blog referente ao cabeçalho e com isso pode escolher onde instalar seus menus.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

7 Comentários

  1. Obrigado!
    Conseguir colocar o código no cabeçalho do meu blog do blogger.
    Os passos que segui e deu certo foi: Fui em configurações, escolhi MODELO, depois editar HTML e não personalizado, depois fui no topo do editor HTML e colei o código veja:

    AQUI ABAIXO DE ESTÁ A TAG QUE COLEI VAI ATÉ VERIFICATION’/>
    E FUNCIONOU

  2. Helenab disse:

    Oi!
    Eu não consegui achar na html do meu blog nenhum desses header, vc poderia me ajudar? :/

  3. Ana Débora disse:

    Obrigada pelas dicas, =)

  4. Maria Moreira disse:

    Não consegui colocar não!

  5. natanael disse:

    oi eu queria saber porque so fica acima do cabeçalho

    eu coloquei o codigo abaixo de reader e ainda assim ficou acima
    por favor me ajudem?

    • Vanessa disse:

      Se no seu blog está aparecendo de forma diferente, lamento, mas ou vc fez algo errado ou pode ser algum problema relacionado ao seu template. Não tenho como te ajudar.

  6. Caio Vinicius disse:

    Muito Bom Vanessa, este tutorial me ajudou muito!

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.