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

Menus Vanessa S.

Como Instalar Menu Horizontal no Designer de Modelo

Já publiquei aqui diversos tipos de menus para instalar no blog.
Ocorre que alguns usuários que utilizam os templates Designer de Modelo do Blogger, sentem dificuldades ou muitas vezes não sabem como proceder para instalar um menu nos templates das opções Designer de Modelo.
Para quem não sabe, Designer de Modelo são os novos templates padrões do Blogger, lançados em Junho deste ano.

Hoje vou mostrar como instalar um menu nestes templates e vocês verão como é superfácil.

Na verdade, por padrão, todos os templates Designer de Modelo, já possuem menu horizontal. Cada modelo disponibilizado pelo Blogger, vem com um modelo de menu pré-estabelecido e com o código incluido no template, bastando apenas que o usuário configure os links.
O menu só vai aparecer no template após a configuração e inserção manual dos links, por isso que a maioria não sabe que estes modelos já vem com menus horizontais.

Como adicionar menu horizontal nos templates Designer de Modelo:

 

Incluir LinkBar

Siga os seguintes passos:
1. Vá no menu “modelo” , clique na opção “adicionar gadget” que aparece logo abaixo do cabeçalho.

2. Escolha o tipo “Lista de Links“.

3. Agora vamos incluir os links.
Deixe a opção em branco nos campos “Titulo” e “Número de links a serem mostrados na lista“.

Em “novo URL do site” coloque o link para o conteúdo que você quer que fique no seu menu.
Em “novo nome do site“, inclua um nome para o seu link (exemplo:sobre,contato etc).
Clique em “adicionar link“.

Se quiser inserir mais links, siga o mesmo procedimento.
Para cada link que você queira acrescentar no seu menu, repita o procedimento acima.

Incluir Links das páginas estáticas automaticamente

Siga os seguintes passos:
1. Vá no menu “modelo” , clique na opção, clique na opção “adicionar gadget” que aparece logo abaixo do cabeçalho.

2. Escolha o tipo “Páginas“.

Para Adicionar automaticamente os links das novas páginas ao publicá-las, marque a caixinha “Adicionar automaticamente novas páginas ao publicá-las”.

Pronto!
Agora seu template Designer de modelo já possui um menu horizontal.

Uma dica: tome cuidado com a quantidade de links que irá inserir, pois os menus para estes modelos de templates já são pré-estabelecidos, e seus modelos, altura e tamanho variam de acordo com o modelo do template escolhido por você.

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.

16 Comentários

  1. Edgar Santos disse:

    Obrigado. Eu amo você!

  2. Gil disse:

    ola não consegui adc o linha de ladinho pois o meu template já vem como faça???// explique me

  3. Rodolfo disse:

    Oi eu nao consigo o meu fica com as letras bem pequenas

  4. Master of Chaos disse:

    Olha, eu tentei fazer isso, mas não ficou em menu horizontal.

    Os menus ficaram um embaixo do outro, como se fosse menu vertical.

  5. david disse:

    Ola! Como faço para centralizar o menu?

  6. Paulo Henrique disse:

    Que ótimo isso, fiz e deu certinho. Demorei mas achei o lugar certo pra aprender. Brigadão! Aí desloquei o menu de cima pra baixo, abaixo do Arquivo do blog.

  7. Jeizon Eustáquio de Paula disse:

    Mocinha! Achei várias informações importantes aqui. Tem como me auxiliar a instalar um submenu no meu menu horizontal? Eu uso este Design modelo.

    Bom… se houver possibilidade, gostaria de saber como. Abraços

  8. Bruno da Silva disse:

    Perfeito tutorial, é bem útil para quem quer instalar um menu sem complicação.

    Estou tentando ver qual seria o id deste menu para poder aplicar o estilo css, você tem conhecimento do mesmo?

    Abraços, Bruno.

  9. Imperio Disney disse:

    Olá,queria só saber como utilizar esse tipo de menu!Obrigada!

  10. ed. . disse:

    MENINA VC É DEMAIS..SIMPLES E RÁPIDO..ABRAÇO..PASSEI A SER SEU FÃ

  11. Gonçalinhos disse:

    Boas Clau… estou a criar um blog de um "grupo de jovens" e queria saber se me podias dar uma dica… como se insere um menu drop-down Designer de Modelo do blog. Obrigado.

  12. Kevvin Oliveira disse:

    Muito show! Estava procurando esse tipo de post, pois, geralmente, não encontramos um bem explicadinho, e eu já estava quebrando a cabeça para criar um menu horizontal.

    Parabéns pelo site =D.

  13. .:: Clau ::. disse:

    comandoblogger
    Obrigada pelo comentário.

    mundodadanca1
    Eu sempre procuro pensar nos usuários iniciantes. Eu já fui iniciante e sei bem como é vc querer fazer algo e não saber ou não encontrar como faz, já passei por isso tb..rs
    Obrigada pelo comentário.

    Olhar Receptor
    Fico muito feliz que vc tenha encontrado o tutorial e tenha conseguido instalar seu menu no blog. Notícia maravilhosa saber que consegui ajudar.
    Obrigada pelo comentário e volte sempre!

  14. Olhar Receptor disse:

    Nossa, muito obrigado. Tava penando para descobrir isso e não imaginava que podia ser assim, fácil, como você mostrou. Eu tinha visto alguns posts em outros blogs explicando um meio de colocar o menu mas inserindo código e agora que vi esse meio que você mostrou…noooosa, muito melhor. Mesmo, valeu.
    abcs

  15. mundodadanca1 disse:

    Devemos sempre voltar a essência, porque em meio ao público do seu blog existem usuários de todos os níveis. Essa dica é valiosa para os iniciantes. Parabéns pela sensibilidade de perceber isso, estando atenta as necessidades de todos seus seguidores.

    Roger Dance

  16. comandoblogger disse:

    Mais uma ótima dica em Clau!!

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