layout Camila Fiori

Como adicionar um menu ao seu blog

Menu130Ter um menu em seu blog é uma forma eficiente de chamar a atenção do seu visitante para páginas ou áreas importantes do seu blog.

Nele, você pode colocar links para sua página de publicidade, seu índice, sua página de “sobre” e outras que considere importantes.

Neste artigo, mostro diversas formas para você adicionar um menu ao seu blog, desde os mais simples até os mais elaborados.

Introdução

Ter um menu em seu blog é essencial.

Com ele, você pode direcionar o seu visitante para áreas que são importantes em seu blog.

Normalmente, ele é colocado abaixo do cabeçalho do blog, como mostro na figura abaixo, onde destaco o menu do Gerenciando Blog:

Menu01 

Cabe a você definir quais serão os itens mostrados em seu menu.

Algumas sugestões que faço:

  • Início – Um link para a página principal do seu blog, para que o visitante possa voltar a ela a partir de qualquer página onde estiver.
  • Índice – Se você tem um índice em seu blog, é interessante também colocá-lo em seu menu. Se ainda não tem, sugiro a leitura do artigo Criando um Índice para seu Blog.
  • Contato – Outra área importante. Se ainda não possui um formulário de contato, leia o artigo Criando uma página de contato com o Wufoo.
  • Sobre – Também é interessante ter no menu o link para a página onde você explica o objetivo do seu blog e conta mais sobre você.

Também é interessante você adicionar links para artigos que você considera importante (como os Links Úteis, que tenho no Gerenciando Blog).

Se desejar, você pode colocar inclusive em seu menu links para páginas externas, como a opção “Sugira”, que tenho aqui.

Há diversas formas para você colocar um menu em seu blog, desde as mais simples, até as mais elaboradas.

Neste artigo, mostrarei algumas das formas existentes, para que você também possa colocar um menu em seu blog.

1. Utilizar o gadget de Páginas

Se você utiliza o Blogger, a plataforma oferece uma forma simples para você criar um menu com suas páginas estáticas.

Apesar do nome “Páginas”, você pode incluir qualquer página web em seu menu utilizando este gadget, incluindo suas postagens e páginas de outros blogs.

O procedimento é bem simples: basta acessar a área de “Páginas”, criar os itens que farão parte do menu e defini-las para ser exibidas como “Guias na parte superior”.

Caso tenha dúvidas, sugiro a leitura do artigo Como criar páginas estáticas no Blogger, onde mostro este processo detalhadamente.

Menu02

2. Adicionar uma lista de links

Outra forma similar à anterior para criar um menu no Blogger é utilizando o gadget do tipo “Lista de links”.

Este é o método que utilizo aqui no Gerenciando Blog.

Caso você não saiba como adicionar um gadget, sugiro a leitura do artigo Como Adicionar Gadgets em seu Blog.

O procedimento é bem simples:

1. Ao adicionar o gadget de “Lista de links”, ele estará vazio.

Você deve preencher os campos “Novo URL do site” (onde você colocará o endereço para onde seu menu apontará) e “Novo nome do site” (onde preencherá o texto que deve ser exibido no menu”).

A cada item, clique no botão “Adicionar link”.

Menu03 

2. Ao final, você verá a lista com todos os seus itens de menu.

Clique em “Salvar” quando terminar de inserir todos eles.

Note que os demais campos devem ficar em branco, incluindo o “Título”.

Menu04 

3. Para que a lista de links seja exibida como menu do seu blog, você deve posicioná-la logo abaixo do cabeçalho.

Menu05

3. Utilizando HTML / CSS

Se os métodos anteriores não funcionarem corretamente em seu blog, pode ser que seu template não esteja preparado para esses estilos de menu.

Se você é um usuário avançado, pode realizar alterações em seu template para adicionar o menu, alguns deles inclusive com mais recursos que os mostrados acima, como mostrar uma lista de itens em cada opção do menu.

Há diversos bons tutoriais mostrando como fazer isso.

Abaixo eu cito alguns deles:

4. Criar um menu em Flash

Outra opção para criar um menu que funciona em qualquer blog e com recursos de animação é construí-lo em Flash.

Um bom site para isso é o FlashVortex.

Esta ferramenta tem algumas vantagens e desvantagens.

A principal vantagem é o aspecto visual dos menus – desde que bem utilizados.

Você pode escolher imagens para os botões e as animações são interessantes.

A principal desvantagem é a exibição de um texto com link na versão grátis, que pode ser removido desde que você opte pelo serviço pago.

Outra desvantagem é o tamanho do script que é carregado com seu blog, que pode contribuir para que ele fique lento.

Mas, é uma ferramenta que vale a pena você conhecer e testar. Abaixo estão algumas orientações gerais.

1. Acesse o site FlashVortex e entre na opção de Menus.

2. Escolha um modelo de menu para colocar em seu blog.

Se você quiser um menu abaixo do seu cabeçalho, escolha um modelo horizontal.

Clique na opção destacada na figura para editar o menu.

Menu06 

3. Em cada botão, você deve editar o nome que ele terá (“Text label”) e para qual endereço ele apontará (“Link”).

Você pode também escolher a figura e as cores, se desejar.

Se sobrarem botões, basta você deixar o campo “Text label” em branco e ele não será exibido.

Menu07 

4. Quando terminar a configuração, vá até o final da página e clique no botão “Generate Animation”.

5. Você verá uma nova página, com duas opções de instalação. A “Easy” (“Fácil”) é a mais simples.

Para utilizá-la, basta copiar o código e publicá-lo em um gadget do tipo “HTML / Javascript”, que você deve posicionar onde desejar que o menu seja exibido.

Menu08

Conclusão

Utilizando um dos métodos acima, você conseguirá colocar um menu em seu blog.

Como ressaltei no começo, é um item importante para seu blog.

Assim, se você ainda não tem um menu, escolha a opção mais adequada e faça isso hoje mesmo.

Seus visitantes com certeza gostarão disso.

E você, já tem um menu em seu blog?

Você conhece uma forma diferente das citadas no artigo?

Compartilhe sua opinião deixando um comentário!

Como adicionar um menu ao seu blog
Classifique este post

| Website

Apaixonada por comunicação. Formada em Jornalismo e blogueira por Hobbie. Atual responsável por este e vários outros blogs de Internet Marketing.

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta

*

132 Comentários

  1. Tynn disse:

    Um menu em HTML e CSS é muito bom, principalmente o do Mundo Blogger, mas a praticidade e facilidade de usar a "Lista de Links" ou "Paginas" conta bem mais.

    Qualquer coisa, só aplicar estilos que, se eu não me engano, é no content-wrapper ou crosscol-wrapper.

    Belo artigo Adelson.
    Abçs e boa sorte!

    • NEI Francisca da Guia de Medeiros Costa disse:

      Amigo muito bom as suas dicas,inclusive ja fiz meu menu.No entanto só sei colocar a primeira postagem.Como eu faço para ficar colocando novas postagens dentro desse menu que criei.Por favor me ajude estou tentando fazer se desejar me ajudar envie a dica para [email protected]

  2. Sanderson Loureiro disse:

    Ola,

    Muito obrigado por esta dica, Eu tava querendo fazer este menu e não sabia como.

    Sds,

  3. lela disse:

    Olá, Adelson!!! Muito bom esse artigo realmente um menu cria uma aparência bem interessante em um site. Adoro um layout por isso criei o meu em HTML apartir de uma tabela linkando cada página ao assunto referente na tabela, fica fácil de fazer e o resultado interessante. Até mais!!!

  4. €MPREGODINHEIRO disse:

    Útil e pratico, bem como de fácil aplicação.

  5. Ciro disse:

    No meu blog eu uso as proprias paginas estaticas do blogger com recursos de CSS para personaliza-las.

    a dica eu retirei desse post (Menu automatico para paginas estaticas
    ) do Mundo Blogger

  6. Bruno Simomura disse:

    Olá Adelson,

    O guia passo-a-passo agrega muito valor ao conteúdo e hoje em dia sabemos da necessidade e da importância de termos bons menus e principalmente: das vantagens que um menu superior proporciona, já que devido a grande visibilidade dele, posicionar conteúdos relevantes através de páginas faz com que um blog ganhe muito mais corpo e produtividade de uma forma geral.

    Parabéns!

  7. Ezequiel da Silva - Mundo Dos Blogs disse:

    Excelente artigo Adelson, parabéns. É um ótmio tutorial!

  8. Adriano Luz disse:

    Olá, pessoal!

    Agradeço a todos pelas contribuições! Como sempre, foram ótimos complementos ao artigo.

    Abraço a todos vocês e obrigado pela visita!

  9. J.Neto disse:

    eu recentemente utilizei um menu desse no meu blog,o dicadecomercio.blogspot.com,mas não ficou muito legal justamente pelo fato que você falou,que é o link do site abaixo do menu.
    está muito legal suas dicas,venho acompanhando sempre e continue assim trazendo novidades para nós

  10. Samej Spenser disse:

    Olá Adelson.

    Rapaz, este artigo veio na hora certa, pois estou trabalhando num novo layout para meu blog, (visando melhor acesso, carregamento e legibilidade).

    Sinto a necessidade de adicionar mais alguns itens no meu menu, mas como utilizo o sistema de páginas estáticas do blogger, fico, limitado às 10 que o sistema oferece.

    Com o novo aprendizado deste artigo, passarei à utilizar o sistema de links! rsrsrs

    Obrigado Adelson!

  11. Anônimo disse:

    Já Faz muito tempo que tento achar um lugar que explicasse sobre menus!Valeu A Dica!

  12. Adriano Luz disse:

    @J.Neto: Espero que uma das opções mostradas possa integrar-se bem ao seu blog!

    @Samej: Que bom que consegui acertar o "timing"! Quanto às páginas estáticas, o limite foi aumentado para 20. Mas, se precisar de mais do que isso, a lista de links é uma boa alternativa!

    @Anônimo: Fico feliz que tenha encontrado aqui o que você precisava!

    Abraço a vocês e obrigado pela visita!

  13. rac disse:

    Olá Adelson retorno aqui para agradecer e sugerir mais um complemento. Na sua sugestão de menu com lista de links eu consegui no novo editor até modificar cores, fontes etc. Mas o que preciso é que, se possível, nesta mesma estrutura de lista de links, adicionar submenus.
    Isso é possível? Se sim, aguardamos sua aula mais uma vez.
    Se não, que tal nos ensinar um menu totalmente editável(que possamos mudar cores etc) e com multinível.
    Aguardamos sua caridade, rsrsrrs
    Forte abraço e até mais

  14. Weber miranda disse:

    NOSSA JA FAZIA UM BOM TEMPO, QUE PROCURO UMA MAT´RIA SOBRE COMO CRIAR UM MENU, AGORA VI QUE NÃO É UM BICHO DE SETE CABEÇA, GRAÇAS AS SUAS EXPLICAÇÕES, MUITO OBRIGADO, JA COMPARTILHEI A MATÉRIA EM MEU BLOG, POIS VAI SER MUITO UTIL PARA MUITOS, ABRAÇOS.

  15. Adriano Luz disse:

    @Rac: É possível sim criar um menu com mais de um nível, mas isso exige códigos específicos. Futuramente, voltarei ao assunto aqui no Gerenciando Blog.

    @Weber: Que ótimo que eu tenha conseguido mostrar a você como é simples colocar um menu em seu blog. E obrigado por compartilhar! Para mim, é a melhor forma de agradecimento.

    Abraço a vocês e sejam sempre bem vindos!

  16. rac disse:

    Grande Mestre, voltei para agradecer a dica do site da Clau. São ótimas opções. Tentarei instalar o escolhido ainda hoje.
    Obrigado e conte comigo pro que for necessário.
    Forte abraço.

  17. Adriano Luz disse:

    Olá, Rac!

    A Clau é mesmo fera quando se trata de códigos e efeitos visuais para o Blogger. Fico feliz que tenha gostado!

    Um abraço!

  18. Jefferson Reis disse:

    Como faço para o meu ficar acima do cabeçalho?

  19. Lygia Canelas disse:

    O menu em Flash pode ser utilizado no blogger?

    • Adriano Luz disse:

      Olá, Lygia!

      Sim, você pode utilizar o menu em Flash. Só precisa tomar cuidado para que ele não destoe do visual do seu blog.

      Basta seguir o procedimento indicado no item "4. Criar um menu em Flash".

      Um abraço!

  20. Lu Cristine disse:

    Olá Adelson,

    Não estou conseguindo adicionar o menu horizontal no meu blog.
    Acontece o seguinte: eu adiciono uma nova página, seleciono a apção Mostrar páginas como: Guias na parte supeiror. Mas quando eu clico em Salvar organização ele muda sozinho para Mostrar páginas como: Links laterais. E então não fica lá em cima na barra horizontal, fica na lateral… Você tem alguma idéia do que pode ser?

    • Adriano Luz disse:

      Olá, Lu!

      Quando isso ocorre, normalmente é uma limitação do template, que não está preparado para trabalhar com as Páginas como um menu horizontal.

      Neste caso, a opção é realizar a correção do template (o que não é simples para quem não conhece a codificação do Blogger) ou escolher outro template que suporte o recurso.

      Um abraço!

  21. Hadassa Hana disse:

    olá adelson queria um video explicando acho que ficaria melhor pois li o artigo e não entendi! se não for abuso por favor no proximo artigo coloque o video!

    • Adriano Luz disse:

      Olá, Hadassa!

      Sempre procuro escrever os artigos com o máximo de detalhes para que todos consigam segui-los.

      Fazer um vídeo é mais complicado, mas avaliarei essa possibilidade da próxima vez.

      Um abraço!

  22. Clara e Helena disse:

    Olá Adelson! Graças ao seu site estou conseguindo colocar com um menu no meu blog! Sempre quis fazer, mas nunca consegui. Obrigada!
    http://unhaetal.blogspot.com.br/

  23. Marcia CF disse:

    Olá Adelson,
    Obrigada pelas explicações e dicas para melhorar os blogs.
    Parabéns pela página !

    • Adriano Luz disse:

      Olá, Marcia!

      Obrigado pelos elogios! Espero que sempre encontre aqui dicas úteis para você gerenciar e aprimorar o seu blog.

      Um abraço!

  24. Bibiana disse:

    Oi! Fiz tudo direitinho, conforme vc ensinou.
    Mas como faço para escrever (ou direcionar) para a parte que eu quero quando o leitor clica em cada opção do menu?
    Exemplo: fiz uma opção sugestões. Tenho que escrever em algum lugar: esse espaço é para dicas e sugestões, etc. Como faço para direcionar?
    Grata,
    Bibiana.

    • Adriano Luz disse:

      Olá, Bibiana!

      O que você precisa ter em seu blog são diversas páginas ou postagens, com as informações que você cita. Por exemplo: ter uma página de sugestões, onde você escreverá o texto desejado. O endereço dessa página é que você deve colocar no menu.

      Espero que eu tenha conseguido explicar!

      Um abraço!

  25. Histórias e Reflexões disse:

    Pessoal do Gerenciando blog, muito obrigada por essa postagem. Fazia tempo que eu queria fazer um menu horizontal e não conseguia. Mas agora graças ao seu blog e fiz o meu menu. Adorei!

  26. Mulher Muleca disse:

    Olá Adelson, obrigado pelas suas explicações, consegui colocar o menu no meu Blog, que só existe a 2 dias, mas como faço para colocar subcategorias escrever em opções como Sobre, contato e anuncie???
    Estou adorando suas informações, mas confesso que fico mais esclarecida quando tem video.
    Um abraço.

    • Adriano Luz disse:

      Olá!

      Nos menus mais simples infelizmente não é possível adicionar subcategorias. Para isso, é necessário utilizar um dos exemplos que citei no item "3. Utilizando HTML / CSS".

      Está anotada sua sugestão sobre os vídeos. Eles são bem mais trabalhosos de fazer, mas reconheço que podem tornar os artigos mais simples de seguir. Obrigado pela sugestão!

      Um abraço!

  27. Anônimo disse:

    Boa tarde Adelson!
    Eu criei um Menu pelo Flashvortex e coloquei no meu blog mais quando clico em alguma aba aparece essa mensagem:A página que você está procurando neste blog não existe.
    Como faço pra resolver isso?
    E porque essa mensagem aparece?
    Desde já grata!

    • Adriano Luz disse:

      Olá!

      Pela mensagem que está sendo apresentada, você colocou como link o endereço errado da página do seu blog. É necessário revisar a configuração no FlashVortex, corrigindo o link para a sua página.

      Um abraço!

  28. (¯`·._.·[***Celina***]·._.·´¯) disse:

    Olá Adelson, eu criei o menu através da Lista de Links, deu certo e o menu ficou na horizontal e no lugar que eu queria, no entando quando tento acrescentar mais links em "Configurar Lista de Links" eles não aparecem depois que eu salvo, se limitando a aparecer somente 5 links. Eu acredito que seja algum erro no meu html mas não sei qual (não entendo nada de html), será que pode ter algum erro nessa parte do meu Html? ou essa parte não tem nada a ver com menu e links?

    id='navigation'>

    Desde já agradeço.
    Abraço;)

  29. (¯`·._.·[***Celina***]·._.·´¯) disse:

    Olá Adelson, já consegui colocar mais de 5 links no meu menu, desta vez mexendo no html mesmo e não na lista de links do gadgets como eu estava tentando, o único problema é que só entra link dos meus marcadores, qualquer outro link individual aparece a mensagem: A página que você está procurando neste blog não existe, exceto o link da home e do meu canal no youtube. Vc sabe o que pode ser?
    Abraço;)

    • Adriano Luz disse:

      Olá, Celina!

      É estranho esse limite de 5 entradas na Lista de Links. É justamente esse o gadget que utilizo aqui no Gerenciando Blog e não tive problemas com ele. Também fiz um teste em outro blog meu e ele aceitou mais de 5.

      Se você desejar, entre em contato comigo por e-mail ([email protected]) e procurarei ajudá-la.

      Um abraço!

    • marcela karolaine disse:

      oi adelson oi vc faz coisas nos blogs de graca ou é pagando

  30. ♥Mary♥ disse:

    Olá Adelson!!!
    Passei para agradecer sua dica, eu sempre via os outros blogs com aquela parte em cima que tinha início, e eu não sabia como fazer pesquisei e foi aqui que consegui, muito obrigada!

    Mary

  31. Adriano Luz disse:

    Olá, Mary!

    Que ótimo saber que tenha funcionado corretamente em seu blog! O menu é bastante importante para destacar as principais áreas do seu blog.

    Um abraço!

  32. yogaemsaquarema disse:

    Estava com a mesma dificuldade que a Bibiana e consegui entender a sua explicação.
    O difícil vai ser deixar o menu em harmonia com o restante do layout do blog.
    Muito obrigada Prof. Adelson.

    • Adriano Luz disse:

      Olá!

      Que ótimo que a explicação tenha ficado clara!

      Você fez uma observação importante: é necessário cuidado para que o menu não destoe do restante do blog. Mas, normalmente os próprios templates já vêm preparados para que ele seja exibido de forma a harmonizar com os elementos restantes.

      Um abraço!

  33. Wagner Costa disse:

    Amigo, fiz o menu, perfeitamente, mas na hora de inserir os conteúdos, fica apenas uma página. como faço para ter várias páginas diferentes,dentro do mesmo menu?

    • Adriano Luz disse:

      Olá, Wagner!

      Não sei qual dos métodos você utilizou para criar o menu, e a resposta varia para cada um deles. Mas, em todas as opções, você pode adicionar mais páginas ao menu, seguindo as indicações dadas no artigo.

      Um abraço!

  34. Mauricio Barros disse:

    Olá,ajudou bastante,pena que não aponta para mais de um post agrupado.tipo os marcadores "noticias".
    At
    mauricio
    aquariusriosegurancaeletronica.blogspot.com.br

  35. Julia Nayra disse:

    Muito obrigada pela força! Me ajudou e muito a criar um menu personalizado para o meu novo blog. Se quiserem conferir: julianayra.blogspot.com.br (Não reparem muito porque ainda estou organizando meu blog pessoal).

    Finalmente consegui um menu bom e prático com o FlashVortex.
    Obrigada mesmo Adelson.

    • Adriano Luz disse:

      Olá, Julia!

      Que ótimo saber que já tenha colocado o menu em seu blog com a ajuda deste artigo!

      Um abraço e seja sempre bem vinda!

  36. Aderruan Rodrigues Tavares disse:

    Adelson, muito bacana o seu blog! Ajuda demais! Parabéns

    Mas eu ainda não consegui algo. Fiz o menu, pela lista de links, tudo certinho. Mas como eu faço para vincular uma postagem a esse link do Menu? Para exemplificar: quando clico em "índice" aqui no seu blog aparece uma página com várias postagens suas.

    Abraços

    • Adriano Luz disse:

      Olá, Aderruan!

      Há, basicamente, duas possibilidades:

      1. No caso do meu Índice, trata-se de uma postagem normal, que eu simplesmente chamo pelo menu. Em casos assim, basta colocar no menu o endereço completo da postagem.

      2. Outro caso é quando o menu vai mostrar diversos artigos sobre o mesmo tema. Neste caso, você pode colocar nele o endereço de um marcador específico, como por exemplo, https://www.gerenciandoblog.com.br/search/label/Facebook.

      Espero ter esclarecido.

      Um abraço!

  37. Angella Guedes disse:

    me da um help por favor .eu ja tenho o menu no blog.o meu problema e por exemplo no meu menu tem o passo a passo ,ai eu vou la e clico no passo a passo ai diz que ta em branco(porque nao digitei nada ainda)quero saber como faz pra editar ,pras pessoas ver o eu coloquei la??????

    • Adriano Luz disse:

      Olá, Angella!

      Visitei seu blog e vi que ele ainda está vazio. O que você precisa fazer agora é escrever Postagens em seu blog, que são os artigos que serão exibidos.

      Se você não souber como fazer isso, sugiro que leia o artigo Como criar um blog no Blogger, especialmente o item "Como escrever sua primeira postagem".

      Um abraço!

  38. Angella Guedes disse:

    obrigado por ter visitado ,pois e tou fazendo rascunho de algumas postagens ainda…

  39. Pretty Girl disse:

    Adelson, eu não consigo fazer o menu de jeito nenhum , e isso porque eu tenho uma duvida que até pode ser simples , mas é isso que tá atrapalhando o modo de fazer o menu , tenho a certeza. preciso mt da sua ajuda. Tipo assim eu vou fazer o menu né? mas ai quando pede os endereços de link o que eu coloco? endereços de link do que ? eu tenho que criar páginas? não tou conseguindo fazer mesmo nem entender. desculpe ai. Sei que a duvida pode ser mais basica e eu tar sendo meia burrinha e tal, mas perguntei para uma menina que posta coisas pro blog e ela nao me respondeu direito. Obrigada.

  40. Celvio Júnior disse:

    Cara , valeu mesmo , eu estou criando um blog para a empresa do meu irmão , ja tinha um blog meu antes, mas fazia tempo que não mexia com isso , valeu , ajudou muito !

  41. Luciane disse:

    Olá Adelson, parabéns pelas explicações, mas eu ainda tenho uma dúvida. Existe alguma forma de criar páginas ou links que possam ser inseridos vários posts. Por exemplo, em meu blog eu falarei sobre moda, decoração, saúde, artesanato, etc, tem como colocar nessas páginas o conteúdo separado? Aguardo resposta, obrigada.

  42. Luciane disse:

    Ai Adelson, vendo uma de suas respostas para o Aderruan, acho que consegui o que queria, é só acrescentar ao link /search/label/ e o nome da tag que automaticamente quando clica na aba do menu, vai para as postagens relacionadas com as mesmas tags, estou certa? Fiz o teste e acho que deu certo, Yeesssss. Obrigada. Smack

    • Adriano Luz disse:

      Olá, Luciane!

      A resposta é exatamente essa que você descobriu: você deve adicionar os marcadores às páginas desejadas e colocar o link desse marcador no menu.

      Um abraço!

  43. Thaynara Lorrane Sousa disse:

    Cara, eu tava pirando pra fazer o Menu do meu Blog.. esse método das páginas é bem mais prático. Post muito muito bom esse seu, muuuito obrigada pela ajuda =D

  44. Thaynara Lorrane Sousa disse:

    Mas me diga, como coloco o link search/label/ na página de direcionamento do menu??

    • Adriano Luz disse:

      Olá, Thaynara!

      Se você estiver utilizando o método 1, do gadget de páginas, basta você criar um nova Página em seu blog, mas do tipo "Endereço da web". Nela você conseguirá colocar o link para seu marcador, e ela aparecerá como um item do menu.

      Um abraço!

  45. Heloisa Victorino Lacerda disse:

    E se eu fizer um novo post, e querer colocar naquela pasta do menu, como faço?

    • Adriano Luz disse:

      Olá!

      Na verdade, não existe o conceito de "pastas" no Blogger. O que você pode fazer para ter um efeito parecido é colocar no menu o endereço de um Marcador específico (Fotos, por exemplo) e utilizar esse marcador nas postagens que deverão aparecer quando o visitante clicar no menu.

      Eu falo mais sobre isso no artigo Utilizando corretamente Marcadores no Blogger.

      Um abraço!

  46. Vereador Marcelo Drumond disse:

    Olá Adelson,

    Segui seu post e consegui colocar o Menu. Porém, gostaria que ele ficasse em outra cor. Você sabe como posso fazer para modificá-lo?

    Grata,

    Ana Lucia
    http://www.vereadormarcelodrumond.blogspot.com

  47. Rickerson Fernandes disse:

    Ola como faço pra editar o meu deu certo mais eu quero escrever no menu como eu faço ?

  48. Marie Okabayashi disse:

    Oi, como crio a página de "sobre o blog"?

  49. Dona Casmurro disse:

    Oi, me ajuda mais um pouco? rs
    Então eu fiz a página e deu certo, porém fica uma borda em volta das categorias, como as tiro?

    • Adriano Luz disse:

      Olá!

      Visitei seu blog e vi que o menu está correto, sem as bordas. Assim, acredito que você tenha conseguido resolver o problema.

      Um abraço!

  50. Yasmin Coelho disse:

    Obrigada meu blog agora está completinho .. s22
    Muito muito Obrigada =•D

  51. Elisangela Anjos disse:

    Foi de grande ajuda, muito Obrigada!

  52. Eduardo Freita dos Santos disse:

    Valeu Quase Não Acho Uma Post Decente Que Explica Passo A Passo Tipo A Sua

  53. Priscila - Receita Esperta disse:

    Boa tarde!
    Eu criei as páginas e ficou tudo certinho, só que tenho uma dúvida no seguinte, ao criar as páginas, utilizando o gadget de Páginas, existe a possibilidade de redireciona-las para uma URL externa (outros blogs). O que eu queria é que ao clicar nesse caso de redirecionamento ele abrisse a URL em uma nova ABA. Sabe se é possivel?

    • Adriano Luz disse:

      Olá, Priscila!

      Com o gadget de páginas, isso não é possível de ser feito. A única forma que conheço para fazer isso é com os menus que são configurados diretamente no HTML do template. Nesse caso, basta adicionar o atributo target="_blank" aos itens do menu.

      Um abraço!

  54. Essência da paty disse:

    Boa noite. Adorei sua dica, até já fiz meu menu; só que gostaria de saber como adicionar o submenu (assim como no seu blog).

    • Adriano Luz disse:

      Olá, Paty!

      Que ótimo saber que gostou!

      Um menu como o meu precisa ser programado no HTML do template. Veja a indicação que fiz no item "3. Utilizando HTML / CSS".

      Um abraço!

  55. Gabriela Moniz disse:

    Olá! Já tenho um menu suspenso no meu blog mas recentemente tentei criar mais uma página, mas os leitores não conseguem acessar a mesma. Será que é o layout que não permite mais de 5 páginas?

    • Adriano Luz disse:

      Olá, Gabriela!

      Pelo que vi em seu blog, a limitação está apenas na exibição da página em seu menu. O que você pode fazer é manter no menu horizontal apenas as páginas principais, e criar uma lista de links com as demais páginas para ser colocada na barra à direita. Ou utilizar outro estilo de menu, que permita o uso de submenus.

      Um abraço!

  56. Emerson De Paiva disse:

    Olá Adelson, gostei bastante das dicas… Mas ainda não entendi uma coisa… vou dar um exemplo do que eu gostaria fazer.

    No meu blog tem "ARQUIVO DO BLOG". não gosto muito dele e queria colocar menus. e eu entendi como que coloca, e pede para colocar o link da página em cada menu criado, certo?
    por exemplo: eu posto bastante documentário, então queria colocar esses documentários nesse menu, "DOCUMENTÁRIOS". ou seja, como que coloco todas as minhas postagens sobre documentários em "DOCUMENTÁRIOS" (no menu)?¿

    não sei se fui claro rs.

  57. Miah esdras disse:

    nossa muito obrigado ajudou bastante agora tenho um menu no meu blog

  58. Hanne disse:

    Cara, seu blog é 1.000!!!! Está me ajudando em tudo! Super didático! Adorei.

  59. Hanne disse:

    Olá! Consegui Criar o menu horizontal, mas só consigo escrever um texto. Gostaria de escrever vários post sobre cada assundo do meu menu, como faço? Tenho commo direcionar minhas postagens para o item do menu que eu quiser?

  60. Landy disse:

    Ola eu fiz mas não consigo colocar postagens ja existentes no na pagina!Me ajude..

  61. Anônimo disse:

    Você explica bem claro. Consegui fazer a barra de menu. Mas agora não consigo postar especificamente no link do título que coloquei na barra de menu. Com faço para postar em cada item? Obrigada.

    • Adriano Luz disse:

      Olá!

      Há duas possibilidades:

      – Se você pretende que o item do menu leve para uma única página ou postagem do seu blog, basta colocar nele o link para essa postagem.

      – Se você preferir que ele leve para uma categoria de artigos, você deve atribuir um mesmo marcador a todas as postagens e colocar no menu o link para esse marcador. Veja detalhes sobre isso no artigo Utilizando corretamente Marcadores no Blogger.

      Um abraço!

  62. Zelia Dantas disse:

    Olá
    Adelson, tudo Bem?
    Adicionei o menu do blog através da lista de páginas. Acontece que acrescentei um link de uma página na lista e não consigo removê-lo. Não aparece esta opção quando edito o gadget páginas. Você pode me ajudar?

    • Adriano Luz disse:

      Olá, Zelia!

      Infelizmente, a única forma que conheço para eliminar os itens nessa situação é mesmo através do gadget de Páginas. Nunca tinha visto esse problema acontecer antes.

      Sinto não poder lhe dar mais dicas.

      Um abraço!

  63. Andressa Clawdeen Wolf disse:

    Muito obrigado,eu fui de blog em blog mas não consegui,o SEU BLOG foi o ÚNICO que eu consegui,muito obj!!

  64. Divina Fénix disse:

    Eu tentei fazer assim ,mas as categorias apareceram na pagina original ,so que quando eu clickava nelas dizia essa página não existe e também eu não conseguia postar nelas(acho que devido eu não ter tanto conhecimento nessa área como eu pensava.Mas acabei conseguindo fazer um menu em meu blog ,fácil para quem não tem tantos conhecimentos de programação e consigo colocar vários post dentro das categorias .Coloquei o passo á passo aqui .Vejam:

    http://www.divinafenix.blogspot.com

    1-Para começar surgiro que olhem o modelo do meu Blog Divina Fénix do Blogger Blogspot ,acho que o seu modelo tem que ser parecido com o meu ou caso voce saiba adaptar…

    2- Pegue caneta e papel e anote quais categorias você deseja em seu menu ,eu surgiro que não sejam muitas, no meu Blog são INICIO, COMPORTAMENTO, DICAS, BELEZA, MODA.

    3-Agora faça o login em seu blog ,vá para aquela área que você sempre vai quando quer postar ,fazer mudanças de modelo ,nome do blog,marcadores ,ver estatisticas,etc.

    4-Na coluna da esquerda click na 8º opção LAYOUT. Vai aparecer a organização do seu blog, como ele é dividido, as colunas , os locais onde pode ser inseridos gadget ,etc.

    5-Agora click na parte superior do modelo, onde tem uma barra horizontal e tem o nome adicionar gadgets, vai abrir uma janela pequena do Blogger com várias opções ,role ela para baixo e escolha a opção MARCADORES.

    6-Como eu avisei é interessante você já ter anotado o nome das categorias que voce deseja para seu blog, em meu caso eu anotei e coloquei INICIO , como primeira.Coloque no titulo o nome da primeira categoria que voce escolheu e marque as opções abaixo do nome titulo( coloque um nome da 1º categoria no titulo),marque : TODOS OS MARCADORES ,ORDEM ALFABETICA ,LISTA e salve na janelinha e não esqueça de salvar na coluna direita do blog também ( aquele botão que voce salva tudo ,sempre que você muda algo em seu blog( cores ,modelos ,etc).

    7-Você a categoria inicial ,mas lembra-se que voce deixou a opção mostrar todas as categorias? então cada vez que voce for postar ( acho que você já deve ta acostumada em postar no Blogger), voce escolhe na coluna da direita ,ao lado do post que voce ta escrevendo a opção marcadores e escolha inicialmente ( uma de cada vez a cada post que se encaixe na categoria).Digamos que quero fazer 5 menus igual ao meu blog ,já coloquei o 1º menu (daquela forma que ensinei) ,escolhi a categoria INICIO ,agora ainda falta mais 4 categorias (COMPORTAMENTO ,DICAS ,BELEZA ,MODA) , eu faço um posta para cada uma delas ,na hora que estou fazendo o post ,escolho na coluna da direita ,ao lado da página que to escrevendo o post ,a opção marcadores e crio um marcador com a outra opção que escolhi de menu( exemplo: MODA) e click em concluir ,assim faço um post para cada categoria que escolhi para meu menu ,pois isso vai fazer com que ela fiquei visivel na barra horizontal onde voce escolheu colocar o gadgest marcadores e como você escolheu a opção mostrar todos os marcadores a medida que voce vai fazer postagens e marcado vai aparecer na barra horizontal igual ao meu blog ,como se fosse um menu e você vai poder sempre postar nele ,não vai ser um menu parado ,estático.Agora é importante que voce sempre faça postagens que se enquadre nas categorias que voce escolheu para seu menu e sempre use os mesmo marcadores.
    8-Bem… espero ter sido clara, pois eu tinha muita vontade de ter algo parecido com um menu em meu blog ,para ficar algo mais organizado e da uma aparencia mais profissional e não tinha como contratar alguém especializado para fazer isso para mim.Caso algo não tenha ficado claro, entre em contato comigo que terei prazer em tentar explicar melhor via email.

    9-Ah! Esse trabalho em fazer uma post inicial e criar um marcador( com o nome da categoria que voce deseja em seu menu) é somente uma vez apartir dai ,voce usará sempre os mesmos marcadores na hora de postar ,até para não bagunçar o seu menu né?rs.

    • Zélia Dantas disse:

      Gostei, ótima ideia!
      Fiz um menu suspenso no meu blog, mas acho que pesa muito.

    • Zélia Dantas disse:

      Olá Divina!
      Tentei ir ao seu blog pelo endereço que você deixou (www.divinafenix.blogspot.com) mas não consegui (página não encontrada). Você pode fazer contato comigo?
      Um abraço,
      Zélia Dantas

    • Zélia Dantas disse:

      Olá Adelson!
      Às vezes eu preciso realmente de você para ter um insight (rs rs). Quebrei a cabeça com aquele sub menu e agora resolvi tudo com esta sua sugestão de lista de link. Acho importante colocar que para organizar a lista em ordem alfabética, basta clicar nas setas ao lado do link. Valeu por mais esta dica.
      Um abraço,
      Zélia Dantas

  65. Didi Leite disse:

    Adelson, achei ótima a explicação e já criei o menu do meu blog. Agora, ficou faltando uma coisa:
    Como faço para alimentar cada item do menu? Por exemplo: no Menu "arquivo" que criei como faço para o que eu escrever vá para dentro deste item e não fique solto no blog? Tenho que acionar o marcador deste item cada vez que mandar uma postagem para ele? Preciso muito saber a resposta.
    Desde já muito e muito grata,
    Didileite (Blog Palavra por Palavras no Blogger)

    • Adriano Luz disse:

      Olá, Didi!

      Há, basicamente, duas formas diferentes:

      1. Caso o seu menu aponte para uma página única (sua página Sobre, por exemplo), basta colocar no menu o link para essa página.

      2. Caso você deseje que ele mostre as postagens de um Marcador, você deve associar esse Marcador a todas as postagens que deseja exibir. Depois, associar ao menu o link para esse marcador (similar a https://www.gerenciandoblog.com.br/search/label/SEO).

      Um abraço!

  66. Thiago D. disse:

    Queria saber como deixar o Menu do mesmo jeito que tem aqui na parte de Ferramentas (por exemplo), ou seja, ao passar o mouse aparece uma "lista" ligado aquela seção

    • Adriano Luz disse:

      Olá, Thiago!

      Esse tipo de menu com submenus só são possíveis com o método "3. Utilizando HTML / CSS" que cito no artigo. Veja os artigos que recomendei na postagem. Um deles deve resolver o seu caso.

      Um abraço!

  67. Casa Provençal disse:

    Como eu faço para ficar colocando novas postagens dentro desse menu que criei. me ajude….

  68. Liah Layzi disse:

    Olá! Eu utilizei o tipo de menu pela "Lista de links", mas qeria saber como eu faço, por exemplo, pra criar uma espécie de "pasta" dentro do meu próprio blog, para qe eu possa falar sobre assuntos variados sem misturar conteúdo, como "Início – Educação – Moda – Música" e poder redirecionar cada postagem pra uma dessas "alas" …. Tem algum post qe me ajude em relação a isso?
    Agradeço desde já!

  69. Clara Rebecca Brito disse:

    tem como por icone que nao estao na lista ??

  70. Páginna Aberta disse:

    Seria possivél separar esses links por titulo dentro do memso gadget? Ex: 5 Links para um e mais 5 para outros links e mais 5 para outros e assim em diante? todos dentro do mesmo gadget? Podendo adicionar links quando quiser ?!! Parabéns e um grande abraço.. esse é um dos portais mais profissionais que ja encontrei na WEB!

  71. Vitor Daniel Marras Riso disse:

    Esta postagem me ajudou muito ! Obrigado e sucesso ao "Gerenciando Blog" !!!

  72. pachá disse:

    Ola! tenho um blog que trata de 3 assuntos, musica cinema e literatura. Gostaria de saber como faço para colocar menus com esses temas de modo que ao clicar no menu cinema, por exemplo, traga apenas as postagens do marcador cinema. O mesmo valendo para os outros temas, musica e literatura. Tenho apenas trs marcadores no blog.

  73. Daiane Rosa disse:

    Ola, poderia me ajudar a editar as paginas do meu blog, não quero criar novas paginas, o template que eu peguei ja veio, mas não consigo colocar os links…das paginas tipo, contato, about me ..essas que ficam fixas, poderia me ajudar?

  74. Samuel Veiga disse:

    Ola, gostaria de separar a logo do menu do meu blog, mais não tou conseguindo sozinho…
    Alguém poderia me dar uma dica aí de como fazer?
    Desde já agradeço!

  75. Essencia e Vida disse:

    Boa tarde Adriano, em meu blog não aparece o ítem acima "Mostrar páginas como:…" então, como colocar o índice?
    Sou leiga no manuseio e, também gostaria de mudar a aparência, isso sei como fazer mas a dúvida: mudando a aparência perco os muitos ítens que possuo? tipo "quantidade de visualizações", começarei do zero novamente? Já tentei fazer o backup e não deu certo na restauração. Meu blog é : http://essenciaevida10.blogspot.com.br

    • Adriano Luz disse:

      Ola Essencia e Vida,

      As estatísticas de visualizações são mantidas quando há alterações em um blog. A menos que alguma URL seja excluída.

      Fora isso pode ficar tranquila que seus dados permanecerão.

  76. Anna disse:

    Olá, tenho um menu de páginas em meu blog. Percebi que o último espaço ficou repentinamente não clicável. Já refiz o processo de adicionar e recolocar várias vezes, mas de alguma forma o blog não aceita mais que o ultimo nome de página seja clicável no menu. A página fixa existe e era clicável normalmente. Eu tinha um outro item Contato, o qual tinha ficado não clicável antes, mas o desloquei para a barra lateral e tudo bem. agora essa outra página tb ficou sem acesso pelo menu. não seu que configuração devo alterar para resolver o problema. alguma ideia? obrigada.

  77. NILZA LIRIO disse:

    Obrigada,me ajudou muito,otimas dicas.

  78. gyll romao disse:

    oi, no meu blog nao estou a localizar a opcao mostrar pagina como guia na parte superior, uki eu faxo?

  79. SANDRA Markevičienė disse:

    eu posso ajudá-lo a trazer o seu ex-costas contactar-me com este e-mail: [email protected]

  80. Pokémon Vicio disse:

    Qual agente bota no Indice aparece 2 opção com faz pra fazer isso no blogger eu quero fazer igual a opção menu quando passa o Mouse ai aparece mais a baixo?

  81. Papelaria Nova Ícone disse:

    Boa tarde!
    Criei o menu com o gadget do tipo “Lista de links", queria que alguns abrissem em outra aba/página, tentei encontrar a referencia no HTML e não consegui.
    Sabe como posso fazer isso. Obrigado!

  82. Papelaria Nova Ícone disse:

    Crie o menus com gadget do tipo “Lista de links"m porém quero que abra em outra página/aba, sabe como faço isso?
    Obrigado!

  83. Monte Cristo e Promorar disse:

    Copiei tudo e talvez imprima para minha sobrinha-neta me ajudar (tennho 75 anos e ganhei 2 blogs mas não consigo movimentá-los).

  84. Anônimo disse:

    Eu criei um menu em Html, sabe como faço pra colocar meus posts dentro dos links desse menu ?

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

Sem tempo para Criar Conteúdo para seu blog?

E se você tivesse uma Agência produzindo seu conteúdo de GRAÇA?
EU QUERO!
Não, eu tenho tempo de sobra!
close-link
Quer aprender como R$173.571,73 como Afiliado em 4 meses?Quero Assistir o Vídeo!