Como criar um menu simples no seu “blogger”
byALF | 
sexta-feira, abril 01, 2011
ATENÇÃO: ESTE ARTIGO FOI SUBSTITUIDO PELO ARTIGO:
Como criar um menu simples na nova interface do Blogger (2015)
atualizado em 06/09/2015
Menus horizontais ou verticais no “Blogger”
ATENÇÃO: Se você utiliza a nova interface do Blogger (novo layout) acesse o nosso artigo: Como criar um menu simples na nova interface do Blogger.
Muitas vezes deparamos com blogs que possuem menus (barras com links) que facilitam a visualização e a organização de páginas independentes como: “Quem somos”, “Sobre mim”, “Contatos”, etc.
Mas se o template do seu blog não possui um sistema automático, o Blogger permite você criar listas simples de forma bem rápida e sem complicação…
Para criar um menu simples, horizontal ou vertical, com até 10 itens, siga o exemplo abaixo:
Criando páginas estáticas
Entre no http://draft.blogger.com, faça o login e entre no <painel>
obs.: Se você não usa o draf.blogger, entre em http://blogger.com
No nosso exemplo, vamos utilizar o “Blog de Teste”.
Escolha o blog que deseja alterar e clique em <Editar postagens>, depois clique em <Editar páginas>
Agora clique no botão <NOVA PÁGINA> e crie uma página independente (estática) que fará parte do seu menu. Como exemplo, usaremos “Quem somos!”
Após montada a sua página, clique no botão <Publicar Página>
Agora, se esta for a primeira que você criou uma página, escolha o tipo do menu que você quer: Barra Lateral (menu vertical) ou Guias do Blog (menu horizontal). Se você utiliza um template com um menu pronto, use Nenhum gadget, colocando suas páginas manualmente.
Observação: Os modelos de templates de terceiros podem não ser compatíveis como guias, mas as páginas ainda poderão ser adicionadas como links na barra lateral do blog ou em um menu
No nosso exemplo iremos utilizar o menu vertical (Guias do blog).
Definido o tipo do menu clique em <Salvar e Publicar>.
Clique em <Visualizar página>, caso queira alterar algo utilize <Editar página>.
Visualizando a página, observe que o menu horizontal localizado sobre as postagens. Automaticamente, também é criado o link “Início” para poder votar à página principal.
Criando novas páginas
Da mesma forma, você poderá criar até 10 itens do seu menu. Para criar uma nova página, entre novamente em <painel>, <Postagens>,<Editar páginas> e clique no botão <Nova Página>.
Veja como ficou o nosso menu do exemplo:
Mudando o menu de posição
Para alterar a posição do seu menu, volte em <Painel> e clique em <Design> e <Elementos de página>.
Clique em <Páginas> e arraste até o local desejado…
No exemplo, posicionaremos o menu na barra lateral. Clique em <Salvar>.
Veja como ficou o menu na lateral …
Editando o menu
Para editar o menu, vá em <painel> e clique em <Design> e <Elementos de Página>.
No gadget <Páginas> clique em <Editar>.
Faça as alterações desejadas e clique em <Salvar>
No nosso exemplo vamos eliminar o título (opcional) e alterar o nome da página Início para Início! (só para ficar padrão).
Vamos alterar também a posição para o topo do blog, e veja o resultado…
Bem simples não é? Mas se tiver alguma dúvida de como criar um menu no blogger, comente aqui no Visual Dicas que teremos o maior prazer em tentar resolve-la…
até mais… [ byALF ]
Veja também:
ATENÇÃO: ESTE ARTIGO FOI SUBSTITUIDO PELO ARTIGO:
63 comentários:
Boas
Eu gostaria de saber como se elimina o titulo por baixo do menu horizontal, ou seja, exemplo: tendo o titulo no menu "como chegar" ao clicar por defeito volta a aprecer novamente o titulo por baixo, a minha pergunta é como posso apagá-lo?
Espero ter sido claro.
Obrigado
Aguardando
Gustavo
Tinha muito tempo que eu estava procurando uma forma para aplicar um menu mais sempre tinha que usar html e é muito complicado mais suas dicas são excelentes, parabéns!
Obrigado....
Se precisar de mais dicas, utilize a nossa caixa de SUGESTÕES (botão que fica na lateral)..
Abraços!
Boas
Se puder e souber gostaria que pudesse esclarecer, na minha duvida colocada anteriormente!
Obrigado
Aguardando
Gustavo
Gustavo,
Se possível me passe o link do seu blog, para eu poder entender melhor a sua dúvida...
Obrigado pelo contato...
Boas
A minha dúvida é como consigo tirar o titulo que se repete no menu, no meu blog http://gaphotographer.blogspot.com/ pode ver o exemplo nos menus, por exemplo, quando clico em "nature" volta a repetira em baixo " nature", essa é a minha questão, retirar a titulo repetido.
ja fui ao html mas nao consigo eleminar, so reduzir o tamanho do tipo de letra!
espero ter sido esclarecedor na minha questão.
Aguardando feedback
Muito obrigado
Gustavo
Olá amigo gostei muito da dicaa porem fiquei com uma duvida!!
por exemplo criei uma ''aba'' com o nome de animação postei o primeiro titulo e agora como eu faço para fazer outro post nessa aba de animação??
veja como ficou http://linkmerr.blogspot.com/p/animacao.html
agora eu queria fazer outra postagem nesta mesma aba!!
espero resposta
Otimo blog! ajuda muito aos iniciantes como eu. Ganhou um seguidor valew!!
natozoide.blogspot.com/
Olá LinkMeRR,
Sugiro que utilize um marcador (ou categoria) que agrupa várias postagens de um determinadao tema em uma única apresentação.
Leia o nosso artigo, http://visualdicas.blogspot.com/2011/04/como-criar-um-menu-no-seu-blogger.html (Como criar um menu no seu “blogger” utilizando apenas uma lista de links). Lá tem um tutorial de como colocar um marcador na aba do menu..
Qualquer dúvida, entre em contato...
Gustavo,
Boas,
Realmente, para eliminar o título que se repete quando utilizamos Páginas Estáticas, é complexo e trabalhoso, pois é necessário mudar o código xhtml do blog.
Para contornar isto, e não correr riscos, sugiro que use postagens no lugar das páginas estáticas (autonomas).
No nosso artigo Como criar um menu no seu “blogger” utilizando apenas uma lista de links (http://visualdicas.blogspot.com/2011/04/como-criar-um-menu-no-seu-blogger.html) mostramos como fazer isto...
Espero ter ajudado,
Abraços,
Valeu pessoal, faz tempo que estou querendo colocar menu no meu blog, não pensei que fosse tão fácil! Obrigada! bjus
Parabens, muito facil e simples. Dentro do menu, tem como colocar submenus?
Boa tarde,
Gostaria de saber se é possível criar várias páginas cada uma com seu tema, mas separadas por títulos.
Obrigada.
Adriana
Oi Dri,
Dá sim, lei o nosso artigo: http://visualdicas.blogspot.com/2011/04/como-criar-um-menu-no-seu-blogger.html
(Como criar um menu no seu “blogger” utilizando apenas uma lista de links) e use MARCADORES...
Se tiver dúvidas, entre em contato.
obg mesmo.Olha queria me juntar a um blog eu tenhu um quero parceiros se quiser vai no blog caprichandonopc.blogspot.com e fala lá em algum comentario.OBG
oi ajudou muitoooo! e se possivel acesse o meu blog e espalhe faça propagandas do meu blog e que em todos os posts a 0 visualizaçoes e 0 comentarios por favor ajuda ae e comenta la.
Gostaria de saber se dá para colocar uma página dentro da outra, como por exemplo na página downloads ai quando passa o mouse em cima aparece em baixo templates, tipo uma pagina dentor da outra
Olá CKD4...
Com os cursos no Visual Dicas Online: http://www.iped.com.br/cursos/visualdicas você irá aprender a criar códigos e fazer tudo o que a sua imaginação mandar....
Faça os cursos de HTML e CSS...
abraços!
Muito bom!!
Finalmente encontrei alguém q sabe ensinar de forma simples!!!
Amigo estou com problema gravíssimo no meu blog tem 6 paginas so consigo entrar nas 4 primeiras as 2 ultimas so aparecem no menu mãis não faz o link para as paginas? vc pode me ajudar?
Oi Nature,
Passe os links do blog e das páginas para eu avaliar melhor isto, ok?
aguardo...
pow, essa tutorial me ajudou muito...fiz no meu blog de vendas e fico mto bacana, vlw.....http://classeaimport.blogspot.com/...entram lá e confiram1 Obrigado
Olá autor do blog VISUAL DICAS esse post me ajudou muito nos meus blogs, www.rebeldiaemacao.blogspot.com , wwwgagainfo.blogspot.com (na parte "wwwgagainfo" ta certo é que saiu assi) e www.mundodosfamososbr.blogspot.com
OBRIGADOO!
Muito bom. Há algum tempo estava tentando fazer novas páginas e não sabia como Obrigada pelas dicas.
Olá gostei muito dese blog!!!
Mas gostaria de saber como faço para postar mais coisas fora do menu inicio e sim na pagina do menu que eu acabei de criar!
Espero respostas ta ai o link do meu blog:
http://cartoonscomic.blogspot.com/p/casa-de-super-herois.html
Visual,não sei o que esta acontecendo... segui esses passos e nada qd entro em visualizar blog... nada aparece, mas qd arrumo as paginas sim... depois se entro nada aparece, me ajude por favor...
VALEU!! vc ajudou mt, antes eu ia nakeles menus tds cheios de frufru tinha q fazer uma postagem e colar como pagina
Olá Odirlene,
Seu blog é o http://baudaculturaecia.blogspot.com (Baú da Cultura)?
Verifiquei o menu e me pareceu estar tudo bem? Você poderia explicar melhor o que está acontecendo?
Obrigado pela participação...
Olá Comic Cartoons,
Sugiro que leia o artigo Como criar um menu no seu “blogger” utilizando apenas uma lista de links
abraços...
OW VALEU HEIN, ME AJUDOU BASTANTE, ESTAVA PROCURANDO A MUITO TEMPO ALGUEM KI ENSINASSE ASSIM, VALEW ABRAÇOS....
Oi, gostaria de saber como colocar mais de uma postagem numa pgna independente.
Agradeço as respostas
Oi Barbara,
Leia o nosso artigo Como criar um menu no seu “blogger” utilizando apenas uma lista de links
Abraços...
OMG! Me ajude por favor, depois de muuuito pesquisar na net pra fazer o menu (eu só encontrava em HTML, o que arrisquei fazer mas só fracassei) até que graças a Deus achei aqui, até aí tudo bem, fiz no blog de teste e deu tudo certo, mas quando fui fazer no meu blog normal, eu queria fazer o menu horizontal, mas não sei como o Gadget página dá que eu já estou usando sendo que não estou, não sei onde ele está, pois na minha página de design não está. Você não imagina como isso me aborreceu, agora quero fazer esse menu e simplesmente não está dando certo, eu faço ele e ele some, nem sei onde foi parar, pode me ajudar quanto a descobrir onde fou para o gadget de "página"?
Obrigada pela sua atenção.
Beijos,
Mah
Olá Marceli,
Se você utiliza template (layout) padrão do Blogger, posicione o gadget "Páginas" logo abaixo do CABEÇALHO...
Se você utiliza template (layout) de terceiros, tente posicionando da mesma forma... Caso não funcione, você precisa entrar em contato como o desenvolvedor do template para obter informações de como inserir um menu horizontal. Vai depender de como o criador do seu layout definiu o menu horizontal... (Quase sempre funciona abaixo do cabeçalho).
Se ficar muito difícil, use um layout padrão do Blogger ...
Abraços,
Visual Dicas
pow cara vlw,mas como faz para mudar a cor dos links,obrigada!
Olá Telma,
Para alterar a cor dos links (todos links do blog), acesse o www.blogger.com (gerenciador do Blogger), vá para MODELO, e na lateral selecione AVANÇADO e LINKS. Depois de alteradas as cores, clique no botão APLICAR AO BLOG.
Para alterar a cor da guia de texto (menu horizontal), faça o mesmo procedimento... MODELO --> AVANÇADO --> TEXTO DAS GUIAS. Altere as cores do texto e cor selecionada. Clique no botão APLICAR AO BLOG...
Espere ter ajudado,
Visual Dicas
queria fazer um menu q tipo quando a pessoa clicasse va para outro blog meu.
Boas a todos :)
Eu gostaria de saber se alguém sabe como tiro a barra de partilha das redes sociais das páginas estáticas do blogger, consegui tirar a caixa de comentários mas a barrinha que aparece para partilhar no facebook, tweitter, etc. não consigo tirar
Obrigado
ola tudo bem eu ja venho tentando dias colocar menus no meu blog mas nao consigo, eu vi as suas dicas e gostei muito mas eu ja uso um tipo de template e vc disse que para mudar precisa de nao usar nenhum gadget mas nao consigo mudar sera que tem como vc me ajudar o meu emeio é gelson_mendes@hotmail.com valeu e parabens
Ola eu achei super facil a forma como vc explicou e deu certo,agora tenho duvidas eu criei o menu no meu blog e coloquei "loja virtual" e quando clicam nao tem nada ainda pq nao sei colocar no caso outro link dentro do menu como eu faço?
Ol'a tudo bem?
eu tenho uma duvida, gostaria que vc me ajudasse!
Tenho um blog e algumas paginas. Um delas 'e - LOJA - queria que ao clicar na pagina, a pessoa fosse direcionada a minha loja virtual em outro site. Como fa'co?
j'a tentei e n consigo criar um link para o titulo da pagina. O que vc sugere?
Um exemplo do que eu quero, vc encontra na tv kajuru. Qnd vc clica nas paginas, na barra que fica na homepage (twitter e facebook) vc ja 'e direcionado para a pagina dele no face.
Se vc puder me escrever eu agrade'co.
natalydbiase@gmail.com
Abra'cos
Olá Maria Girassol,
Leia o nosso artigo Como criar um menu no seu “blogger” utilizando apenas uma lista de links
Este artigo irá mostrar como fazer isto na interface antiga do Blogger.
A nova interface do Blogger ficou mais fácil. Basta você entrar em Páginas, clicar no botão NOVA PÁGINA e selecionar ENDEREÇO DA WEB.
Qualquer dúvdia, volte a contatar...
Visual Dicas
Muito obrigada! Eu estava tentando fazer isso a meses e sempre tinha que editar html e era complicado, o seu tutorial é simples e fácil!
Chegou o seu mais novo site de downloads. Acessem :
www.detudopc2.blogspot.com
bem essa nova tecnoligia do blogger (a de 2012) ta me deixando loucapois eu não consigo de jeito nenhum criar abas pro meu blog ajuda eu!!!!
Olá FC Rainbow Dash,
Leia o artigo Como criar um menu simples na nova interface do Blogger
Este artigo dá dicas para criar um menu usando o novo Blogger...
Visual Dicas
vaaaaaaaaaaaaaaaaleu man!!
Tentei acessar através do draft, agora não consigo mais mexer no meu perfil. Aparece uma tela perguntando se desejo criar um novo blog. O que fazer?
Olá Dellaquitutes,
Sai do Blogger Draft (no canto superior, clique na setinha e selecione sair)
Entre novamente com o seu login e senha do google (a mesma que você usou para cria o seu blog)
Mas se não quiser usar o draft, leia o nosso tutorial: Como criar um menu simples na nova interface do Blogger que usa o blogger.com
Visual Dicas
bmldesign.blogspot.com
Olá!
Como eu faço para colocar várias postagens em uma só pagina autônoma?
OLÁ EU GOSTARIA DE FAZER MEU MENU FUNCIONAR EU JÁ FIZ DE TUDO MAS NÃO TEM JEITO SE VC PUDER ME AJUDAR.
ATT.
ADRI
http://adrimanias.blogspot.com.br
Olá Adriana,
Tente executar o passo a passo do tutorial Como criar um menu simples na nova interface do Blogger.
Mas lembre-se, o seu blog possui um layout diferenciado, e as vezes o menu simples não irá funcionar. Neste caso entre em contato com o criador do layout utilizado.... ou, tente um novo layout nativo do Blogger...
Visual Dicas
Criei um menu simples e coloquei o link do meu canal do youtube sem problemas, mas depois de três dias percebi que nao estava mais funcionando como antes, quando clico na barra de videos, aparece "javaescript", por que será?
Olá JayFashion,
Pode ser um problema com o seu navegador de internet. Teste o seu blog com os principais navegadores (Firefox, Chrome e Internet Explorer)e verifique se o problema acontece com todos eles...
Visual Dicas
Eu gostaria de saber como eu faço para colocar em um link , vários links . Tipo : Eu tenho um poste no meu blog que se chama " frase da semana " , e eu quero colocar um link que quando aperto nele , apareçam Todas as postagens com o titulo " frase da semana "
Olá Jade,
Você deverá trabalhar com "marcadores", que são como categorias de postagens....
Leia os artigos:
Aprenda a criar e exibir listas personalizadas dos seus posts ...
e
Como criar um menu no seu “blogger” utilizando apenas uma lista ...
Visual Dicas
Olá! Gostei muito da sua matéria.
Fiz aqui no meu blog e deu tudo certo.
Agora gostaria de adicionar minhas "Categorias" aos respectivos menus que criei. Posso fazer isso?
Meu blog é:
cesartaquiblog.blogspot.com
Olá Cesartaqui,
Sim, é possível criar menus com suas categorias.
Veja o nosso artigo Como criar um menu no seu blogger a partir de uma lista.... Procure o item 3 - Marcadores...
Visual Dicas
Oiiiiiiiiiii, muito boa a sua orientação para criar menu na página do blog, estava há dias tentando e não conseguia. Parabéns e Obrigado. Não sabe o quanto me ajudou. Fique com Deus e Ele ilumine a sua inteligência.
Obrigado!
Foi muito útil, bem instruído e fácil de aplicar.
Oi, qdo crio minha página e vou escrever nela, tipo, abre a janela de post... eu qria q desse pra editar igual a página principal, n dá não? Tipo edita layout.... e qria saber tipo, eu qro postar algo nesses "menus" e qro q apareça na princial tbm.. tem como?? obrigada
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:
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.
Postar um comentário