Pesquisa

Carregando...

Como criar um menu no Blogger

André Felipe André Felipe, 19 de março de 2009.

Atendendo a pedidos, escrevi este passo-a-passo sobre como criar um menu na barra lateral de um blog hospedado pelo Blogger/Blogspot. Acredito que seja mais simples do que os leitores de André Felipe.net que enviaram mensagens pensam.

  • Entre no painel do Blogger;
  • Clique em Layout;
  • Escolha a opção Adicionar um Gadget;
  • Selecione Lista de links;
  • Digite um título para o menu.

Os próximos passos dependerão do tipo de links que deseja criar:

  • Para adicionar um post ao menu e torná-lo uma "página fixa", abra-o e copie seu endereço, depois o cole em Novo URL do site;
  • Para adicionar um marcador ao menu para que seus leitores possam ver todos seus textos sobre determinado assunto, insira em Novo URL do site o endereço http://nomedoblog.blogspot.com/search/label/marcador, após substituir nomedoblog e marcador pelos termos apropriados.
  • Por último, digite em Novo nome do site a palavra que aparecerá no menu para o link previamente especificado e clique em Adicionar link.

Repita os passos para adicionar outros links. Quando tiver terminado, clique em Salvar.

87 comentários:

  1. Como faze menus css dentro do codigo html de um blogspot..

    ResponderExcluir
  2. Isac Silva, qual é sua dúvida? Se souber fazer um menu usando CSS, basta colocar o código na parte apropriada do template, dentro da tab "b:skin".

    ResponderExcluir
  3. Rapaz eu fiz o meu blog e coloquei o sub menu,que no caso é clubes, campeonatos, artilheiros etc. O Problema é q eu queria colocar um link q não fosse para outro site,aparecesse outra janela só q do meu blog.

    ResponderExcluir
  4. No estilo desse seu menu,um exemplo é,artigos e críticas,quando eu clico vai para outra página só q no seu blog ou site!!

    ResponderExcluir
  5. Anônimo: é só digitar links do seu próprio blog em vez de links de sites externos. :S

    ResponderExcluir
  6. Andre Eu gostaria que voce postase aqui como fazer menu em css e como colocalo dentro do html de um blogspos.. outra coisa faça um banner pra gente divulgalo. ok .um abraço

    ResponderExcluir
  7. Isac: não há nenhum requisito especial para que elementos criados com CSS funcionem no Blogger. Basta criar um menu com seus conhecimentos ou um passo-a-passo de um site especializado e inserir o código do estilo visual entre a tag <b:skin></b:skin>.

    Quanto ao banner, obrigado pelo interesse. Criarei um. :)

    ResponderExcluir
  8. Como eu faço para colocar mais postagens expecificamnete naquele local

    ResponderExcluir
  9. Anônimo: simplesmente repita os passos.

    ResponderExcluir
  10. Olá André, bom dia. Criei um blog recentemente mas ainda comecei a postar, pois primeiramente quero implementá-lo a meu gosto. Tentei os passos sugeridos pra criar um menu lateral, porém quando clico no menu ele retorna "endereço não encontrado". Se você puder me ajudar ficarei grato.

    Desde já obrigado e parabéns pelas dicas, pode crer que são muito úteis.

    ResponderExcluir
  11. Carlos: você digitou errado os endereços. Links devem começar com "http://".

    ResponderExcluir
  12. Olá andre , é que eu queria colocar nesse menu , meus posts (cláro) , só que por categoria , como eu faço , tipoo no menu quero colocar " TUTORIAIS " aii como eu faço para quando a pessoa for clicar aparecer os posts só de tutoriais .
    Me da essa ajudaa cara?

    ResponderExcluir
  13. Juиííии: isso foi explicado no segundo item da segunda parte deste guia.

    ResponderExcluir
  14. queria saber como colocar menus assim perto do titulo,tipo:inicio,vidios,fotos,noticias entendeu?

    ResponderExcluir
  15. Junior, para fazer isso, você teria que editar o código do template manualmente. Divulgará o blog se eu criar um guia específico sobre como adicionar um menu assim? :)

    ResponderExcluir
  16. Como eu coloco um menu sem prescisar posta-lo?

    ResponderExcluir
  17. Anônimo, como quer, então? Com mágica? :p

    ResponderExcluir
  18. André Felipe tem como vc postar ai um modelo de menu horizontal igual ao seu.

    Obrigado e parabéns pelo blog.

    ResponderExcluir
  19. G6, publiquei uma lista de sites com modelos de template para o Blogger em Baixar templates xml para o Blogger. Crie um blog para testar alguns com menus horizontais e copie o código do que gostar mais.

    ResponderExcluir
  20. André,

    Tenho um blog de downloads de tudo, porém estou ingressando em HTML e tals agora, e estou tendo dificuldades e duvidas e gostaria que você me tirasse uma.
    Eu vejo em outros blogs tipo assim
    http://www.nomedoblog.blogspot.com/search/label/Programas ou filmes, etc.
    Eu sei que esse ".../search/label" é criado quando você adiciona o marcador, mais eu gostaria de criar para que eles ficassem dentro do meu site.
    Pois quando você coloca uma nova postagem ela aparece na "Home", e no meu caso a página ficaria enorme por que é muito conteúdo. Por favor esclareça essa duvida para mim, por que já rodei o Google inteiro e não achei a resposta.
    Outra pergunta.
    Existem blogs que tem uma pagina inicial razoavelmente pequena, com um post na pagina inteira [PAGINA - HOME], como eles criaram o ...search/label, sem terem postado?


    ME DESCULPA SE A PERGUNTA ESTIVER MEIO CONFUSA!
    SE VOCÊ NÃO CONSEGUIR RESPONDER OU ENTENDER TUDO BEM ;-)
    GRANDE ABRAÇO CARA!
    SE VOCÊ QUISER EU COLOCO UM BANNER SEU NO MEU SITE ;-)


    will_rss@hotmail.com

    ResponderExcluir
  21. Wilamis, você pode especificar o número de posts que quer que apareça na página inicial em Configurações - Formatação.

    É possível mostrar só uma parte dos posts nos índices para que os leitores cliquem para lê-los na íntegra, como faço nos meus arquivos mensais, porém para isso é necessário usar "truques" para esconder o resto dos posts (eles estão lá, só não são exibidos na tela). O pessoal do Blogger está desenvolvendo um meio mais fácil de mostrar só as introduções. Quando lançarem oficialmente, criarei um guia sobre como usar.

    ResponderExcluir
  22. Andre estou com um problema aqui, eu sou novo com os blog mas no painel de controle nao encontro o link do layout para adicionar os gadget.

    Teria como me ajuda especificando melhor, eu estou na pagina inicial do painel e nao encontro ele..

    Obrigado desde ja

    ResponderExcluir
  23. Marco, acesse esta versão do painel do Blogger e marque a opção Tornar o Blogger em rascunho meu painel padrão. Assim, poderá acessar a página Layout rapidamente.

    ResponderExcluir
  24. André eu posso editar meus posts de marcadores para bloco de links?

    ResponderExcluir
  25. fali andré e ai cara ?
    cara eu tive olhando seus comentarios
    pow tu sab explicar bacana msm
    já que tu sabe explicar
    faça o favor ai
    me explica como eu coloco um melnu igual ao do seu site
    esse menu ai em sima preto ta bacana
    tu poderia mandar pra mim o codigo de algum menu desse msm tipo
    pra mim postat no meu blog?
    valeu ai cara

    ResponderExcluir
  26. webmasterfree, pode ver uma lista de menus prontos em CSSMenuMaker. Cole a parte em HTML no local desejado do seu template e o código CSS dentro de b:skin.

    ResponderExcluir
  27. webmasterfree, na distração, acabei apagando o comentário errado em vez da interrogação que você publicou sem querer. :(

    Para efeito de arquivo (cof), aqui está o que havia dito antes desta mensagem:

    "valeu ai msm cara tu é muito bom nisso
    brigadão ai
    "

    ResponderExcluir
  28. só tem uma coisa pra te dizer cara: eu te amo ahsahshashshashahs
    so homi mais se vc tivese aqui eu te dava um beijo na bunda! tu me salvo cara
    vlw
    fique com deus

    ResponderExcluir
  29. andre eu criei meu blog recentimenti e eu quiria saber como colocar aquelas imagens que voce aperta e entra num link.

    ResponderExcluir
  30. Anônimo, insira uma figura normalmente (Como posso postar figuras?), clique nela e aperte o botão de adicionar links (Como faço um link para uma outra página da Web?).

    ResponderExcluir
  31. eu quero fazer um menu horizontal .. abaixo do cabeçalho. como fazer?

    ResponderExcluir
  32. andre estou tentando postar mais de um post na msm url mas nao consigo, tipo assim postei um show no menu refernte ao nome da banda ai quero postar mais coisa so que quando posto ele susbtitui o outro como faço para postar varias vezes na mesma opçao?

    ResponderExcluir
  33. Global MD, salve todos os shows com o marcador "shows" e coloque um link para o marcador no menu. É o segundo passo da segunda parte deste guia (Para adicionar um marcador ao menu...).

    ResponderExcluir
  34. valeu andre deu muito certo, nao sabia q tinha q colocar o msm nome d marcador nos post vlw
    boas dicas suas bom trabalho!!

    ResponderExcluir
  35. Boa tarde.
    Eu preciso muito de ajuda!!!!

    Montei um blog pra empresa onde eu trabalho,
    só que meu gerente quer que eu coloque todos os arquivos separados por pastas ao lado do blog, para facilitar a visualização de quem quer ver um tema.

    Tem como? Me responda o mais rapido possível por favor!

    Obrigada desde já.

    ResponderExcluir
  36. Caso siga minhas indicações, inclusive o segundo item da segunda parte, terá como resultado o que seu líder almeja.

    ResponderExcluir
  37. Poderia me o URL da 2ª parte? pois não consigo encontrar.

    Obrigada.

    ResponderExcluir
  38. A segunda parte está nesta mesma página, abaixo da linha que diz "Os próximos passos...".

    Bob, já respondi.

    ResponderExcluir
  39. Obrigada, facilitou tudo.

    Obrigadinha

    ResponderExcluir
  40. Queria saber como faço pra que as postagens da pagina inicial não apareçam nos itens do menu !

    Queria que todos os itens do menu só estivessem igual no template e no cabeçalho ! Tem algum jeito de fazer isso ?

    ResponderExcluir
  41. Franklin, não entendi o que quis dizer.

    ResponderExcluir
  42. Exemplo: Queria colocar postagens de videos somente na parte de videos, sem que apareça na parte da home page !

    Tenho um blog com 3 colunas e tambem queria aprender como faço para que o contedos das colunas fossem diferentes em cada link do menu !

    Um tipo de conteudo na coluna dos videos , um tipo de conteudo na coluna da home page , outro para jogos etc

    ResponderExcluir
  43. Cara, tava com algumas dúvidas passei por aqui e realmente me ajudou muito, então tenho mais uma, é só o seguinte, meu blog tá com um 'problema' que quando você está na página principal as postagens são divididas certinhas, 5 pra cada página, mas só que quando eu clico numa categoria(marcadores) por exemplo tenho uma categoria(marcador) que tem 15 posts, aparece os 15... os post quando clicados pelos marcadores não se dividem em páginas como na página principal... qualquer ajuda que você puder me dar ficarei muito grato...

    ResponderExcluir
  44. Olá,queria dizer que adorei esse blog que ajuda muita gente inclisive eu,mas eu queria perguntar se é possivel fazer essa barra ai de menu tipo igual ao seu em cima da tela sem ser na lateral com pagina inicial e tal sem precisar de colocar o codigo HTML e tal??????????????????!!!!!!!!!!!!!!!!!!!

    ResponderExcluir
  45. Oi André.
    Adorei seu blog :D
    Mas , me explica melhor...
    Tipo , por exemplo , eu criei um a dizer Home : e o link principal.
    Mas como faço com os restantes??
    Não ha maneira de clicarem nos links e aparecer uma lista dos posts dentro dessa opção e clicarem no que desejam?

    ResponderExcluir
  46. Caro andré,
    Quero te perguntar uma coisa. Mas primeiro irei explicar a situação. Por exemplo se eu quiser criar uma página dentro do meu blog, mas não como POST. Uma página de fotos do blgo por exemplo. Só que eu não quero que fique assim como post: http://exeplo.blogspot.com/2009/12/foto.html. Isso não.
    EU QUERIA QUE FICASSE ASSIM: http://exeplo.blogspot.com/Fotos ou http://fotosexeplo.blogspot.com/. Aí iria redirecionar pra outra página que eu criei. Como se fosse um sub-domínio. O que tenho que fazer???
    qualquer coisa responda aqui pra esse e-mail: eliezer_cladiO@hotmail.com.
    Abraçs.

    ResponderExcluir
  47. André, tenho a mesma dúvida do Franklin: gostaria que os posts que listei no menu, nao aparecessem na minha home, de forma que só poderiam ser acessados se clicados no menu.

    Como faço?

    Obrigado.

    ResponderExcluir
  48. não entendi como fazer pra colocar, por exeplo tenho duas colunas falando sobre musica como faço pra colocar as duas num só link???

    ResponderExcluir
  49. André, obrigado pela dica. Só uma atenção ao endereço do link com um "t" a mais no http -> "htttp://nomedoblog.blogspot.com/label/marcador"

    ResponderExcluir
  50. Eu denovo, rs! acredito que está faltando um "search" no teu link -> http://nomedoblog.blogspot.com/search/label/marcador

    Abraço

    ResponderExcluir
  51. Olá, Dicas super legais já irei utilizar.

    Obrigado!!!

    ResponderExcluir
  52. Ola como eu faco para colocar um template que eu quero no meu blog?

    Obrigada!!!

    ResponderExcluir
  53. Não consigo de jeito nenhum colocar mais de um post num link!! será que alguém me ajuda!?
    já coloquei o link http://nomedoblog.blogspot.com/label/marcador mudei o que tinha que mudar e da página não encontrada...

    ResponderExcluir
  54. Andresa Vieira, obrigado pelas correções. Talvez foi por causa de meu erro de digitação que tantos leitores tiveram problemas! :(

    ResponderExcluir
  55. Oi, eu queria editar meu blog mas sou novo nesse mundo. Eu queria por exemplo, usar uma tela mais legível mais bonita para as pessoas que visitam e não aqueles grotescos do blogger. Também eu queria dividir meu blog em Menu principal logo no inicio e só então links para as postagens, sem elas ficarem amotoadas o que é muito feio. Queria poder organizá-lo melhor. Pode ajudar?

    ResponderExcluir
  56. EI ENTRA NO MEU BLOG E FALA SE TA BONITO



    http://carlosriley11.blogspot.com/

    ResponderExcluir
  57. Andre o que devo colocar em novo url do site?
    isso ira mudar o url e o nome do meu blog?

    ResponderExcluir
  58. andre desculpe nao prestei atenção ao ler como faz
    agora ja entendi
    vlw...

    ResponderExcluir
  59. André Felipe não intendi como eu vou escrever coisas na abas do menu

    ResponderExcluir
  60. como consigo fazer um menu que abra uma determinada lista de posts???
    meu blog é sobre imagens e vídeos, sendo q nao consigo colocar todas as imagens de uma determinada classificaçao em um poste, porque só cabe 5. se algum souber me fala ok? meu email é jeffnatal@hotmail.com

    ResponderExcluir
  61. Muito obrigada! A tempos estava tentando colocar esta barra!!! ;)
    E ainda coloquei como horizontal!
    ;)

    ResponderExcluir
  62. andré... vc é demais :D
    bom... agora já sei criar menu... mais tipo, como faço um menu com imagem ~ ao invés de só escrita? veja o blog: http://flordemenina.com. O menu dela: produtos, como comprar e tals é todo endeitadinho. como faço?

    ResponderExcluir
  63. como eu coloca postagem nesses links agora ?

    ResponderExcluir
  64. Muito muito muito Obrigado Pela Dica, ave que Boom +____+

    ResponderExcluir
  65. Olá André! Eu queria saber como colocar home, programas e etc..
    no meu blog o meu ainda e Alfa se souber muito Obrigado se naum souber Vlw msm assim a olha ai meu site se vc estiver com duvidas:williamnesta.blogspot.com

    ResponderExcluir
  66. PARABENS SUAS DICAS SAO OTIMAS..APRENDI MUITA COISA..EU AINDA ESTOU BEM NO INICIO DE BLOG....TENHO MUITO QUE APRENDER...

    ResponderExcluir
  67. Olá
    Eu sei que vc explicou perfeitamente como relacionar os posts aos menus atraves dos marcadores, no entanto, não consigo de forma alguma, aparece a seguinte msg:Nenhuma postagem com o marcador MODA. Mostrar todas as postagens.
    Por Favor me ajude, eu já marquei todas as postagens de acordo com meu desejo, não sei onde posso estar errando?!
    Grata

    ResponderExcluir
  68. Cara... achei interessante um blogspot. http://dicasdfilmes.blogspot.com/

    queria saber como se faz exatamente esses links que ela colocou do lado direito, em cima, com as notas em forma de estrela.
    Basta vc clicar por exemplo, na estrela 2, e aparece todos os filmes que ela deu nota 2

    ResponderExcluir
  69. Andre estou com uma duvida é que queria criar um menu lateral com varios posts tipo pra adicionar mais de um link é preciso adicionar virgula antes de cada um?

    ResponderExcluir
  70. André, como faço pra manter os textos dentro dos link (menu) criados?! E como faço pra digitar somente dentro do menu os textos....n consegui entender ainda...

    ResponderExcluir
  71. Tentei fazer o menu horizontal via http://www.cssmenumaker.com , mas abre em outra aba. Meu blog é de canais de tv. Tinha que abrir no mesma pagina. Vou continuar procurando. Valeu mesmo.

    ResponderExcluir
  72. Eu queria um menu que separasse minhas postagem, tipo postagem com videos, com fotos e só textos tem como? rs

    ResponderExcluir
  73. Adorei!! Deu tudo certo.
    Obrigada por compartilhar!!
    http://radicalquilt.blogspot.com.br/

    ResponderExcluir
  74. Olá
    No meu caso eu baixei um template pronto ele já veio com os menus porém não consigo fazer as ligações e nada do que encontro na internet me ajuda.
    http://um-casamento.blogspot.com.br/
    Será que vc consegue me ajudar?

    ResponderExcluir
  75. como eu coloco pra postagem ficar nessa "pagina fixa"?

    ResponderExcluir
  76. OLA... ACABEI DE FAZER UM BLOG, MAS GOSTARIA DE COLOCAR MENUS DENTRO DE MENUS , NÃO SEI SE VC ME ENTENDI!!!MAIS SERIA ASSIM "QUANDO COLOCAR O MOUSE SOBRE O MENU INFORMAÇÕES APARECESSEM OUTROS MENUS COM A DESCRIÇÃO DESEJADA TIPO: INFORMAÇÕES-COMO FUNCIONA-VALIDADE- ETC

    DESDE JA AGRADEÇO A AJUDA, E DESCULPE A IGNORÂNCIA

    ResponderExcluir
  77. Como faço pra colocar aqueles menus (personalizados como você quiser) na parte direita do blogger?

    ResponderExcluir
  78. Tentei e não deu certo! O que eu faço?

    ResponderExcluir
  79. Muitoooooooooooooooooo obrigada!!!! arrasouuuu

    ResponderExcluir

Aviso

Estou reorganizando o blog e algumas coisas podem estar fora de lugar. Os comentários antigos já foram transferidos para o sistema do Disqus.