PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

01/04/2011

Como criar um menu simples no seu “blogger”

blogger_logo

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”

warning_48

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…

image

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

image

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>

image

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!

image

Após montada a sua página, clique no botão <Publicar Página>

image

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>.

image

Clique em <Visualizar página>, caso queira alterar algo utilize <Editar página>.

image

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.

image

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>.

image

Veja como ficou o nosso menu do exemplo:

image

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>.

image

Clique em <Páginas> e arraste até o local desejado…

No exemplo, posicionaremos o menu na barra lateral. Clique em <Salvar>.

image

Veja como ficou o menu na lateral …

image

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>.

image

Faça as alterações desejadas e clique em <Salvar>

image

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).

image

Vamos alterar também a posição para o topo do blog, e veja o resultado…

image

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:

Como criar um menu no seu “blogger” utilizando apenas uma lista de links

ATENÇÃO: ESTE ARTIGO FOI SUBSTITUIDO PELO ARTIGO:


Como criar um menu simples na nova interface do Blogger (2015)

63 comentários:

Gustavo disse...

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

Anônimo disse...

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!

byALF disse...

Obrigado....

Se precisar de mais dicas, utilize a nossa caixa de SUGESTÕES (botão que fica na lateral)..

Abraços!

Gustavo disse...

Boas

Se puder e souber gostaria que pudesse esclarecer, na minha duvida colocada anteriormente!

Obrigado

Aguardando

Gustavo

byALF disse...

Gustavo,

Se possível me passe o link do seu blog, para eu poder entender melhor a sua dúvida...

Obrigado pelo contato...

Gustavo disse...

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

LinkMeRR disse...

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

Renato Almeida disse...

Otimo blog! ajuda muito aos iniciantes como eu. Ganhou um seguidor valew!!

natozoide.blogspot.com/

byALF disse...

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...

byALF disse...

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,

Giiii disse...

Valeu pessoal, faz tempo que estou querendo colocar menu no meu blog, não pensei que fosse tão fácil! Obrigada! bjus

Louri disse...

Parabens, muito facil e simples. Dentro do menu, tem como colocar submenus?

Dri Harumi disse...

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

byALF disse...

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.

Anônimo disse...

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

Matheus Gomes disse...

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.

Adm disse...

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

byALF disse...

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!

Fotógrafo de Porre disse...

Muito bom!!
Finalmente encontrei alguém q sabe ensinar de forma simples!!!

Nature Dog disse...

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?

byALF disse...

Oi Nature,

Passe os links do blog e das páginas para eu avaliar melhor isto, ok?

aguardo...

Classe.A.Import disse...

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

Felipe disse...

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!

Paulina disse...

Muito bom. Há algum tempo estava tentando fazer novas páginas e não sabia como Obrigada pelas dicas.

comic cartoons disse...

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

Odirlene disse...

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...

Bia G. disse...

VALEU!! vc ajudou mt, antes eu ia nakeles menus tds cheios de frufru tinha q fazer uma postagem e colar como pagina

byALF disse...

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...

byALF disse...

Olá Comic Cartoons,

Sugiro que leia o artigo Como criar um menu no seu “blogger” utilizando apenas uma lista de links

abraços...

George Lima disse...

OW VALEU HEIN, ME AJUDOU BASTANTE, ESTAVA PROCURANDO A MUITO TEMPO ALGUEM KI ENSINASSE ASSIM, VALEW ABRAÇOS....

Faye disse...

Oi, gostaria de saber como colocar mais de uma postagem numa pgna independente.

Agradeço as respostas

byALF disse...

Oi Barbara,

Leia o nosso artigo Como criar um menu no seu “blogger” utilizando apenas uma lista de links

Abraços...

Unknown disse...

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

byALF disse...

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

Telma disse...

pow cara vlw,mas como faz para mudar a cor dos links,obrigada!

byALF disse...

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

Blog Texto Sem O Leitor disse...

queria fazer um menu q tipo quando a pessoa clicasse va para outro blog meu.

Unknown disse...

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

gelson mendes disse...

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

Du Jour - Nira Lima disse...

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?

Nataly De Biase disse...

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

byALF disse...

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

Taís disse...

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!

juninhodownloads disse...

Chegou o seu mais novo site de downloads. Acessem :

www.detudopc2.blogspot.com

FC Rainbow Dash disse...

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!!!!

byALF disse...

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

Jesus disse...

vaaaaaaaaaaaaaaaaleu man!!

Dellaquitute disse...

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?

byALF disse...

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

Artheus disse...

bmldesign.blogspot.com

Victor Monteiro disse...

Olá!
Como eu faço para colocar várias postagens em uma só pagina autônoma?

adrimanias.blogspot.com.br disse...

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

byALF disse...

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

Anônimo disse...

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á?

byALF disse...

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

Unknown disse...

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 "

byALF disse...

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

Cesartaqui Blog disse...

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

byALF disse...

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

Unknown disse...

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.

Biblioteca Nilo Peçanha - IFPB disse...

Obrigado!

Foi muito útil, bem instruído e fácil de aplicar.

Anônimo disse...

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

Karen 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:

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

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics