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

Encontre no blog...

21/02/2012

Como criar um menu simples na nova interface do Blogger

bloggerindraftlogo

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


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

atualizado em 30/08/2015

Nova interface do Blogger

No post Como criar um menu simples no seu “blogger” escrevemos  sobre como criar menus no Blogger utilizando a interface antiga…

Obs.: Para utilizar a nova interface, clique no link [Experimente a interface atualizada do Blogger] que aparece logo acima do idioma…

image

Neste artigo, vamos mostrar como criar menus simples, porém, na nova interface do Blogger.

Obs.: Para conhecer mais sobre a nova interface do blogger leia Novo painel do Blogger, agora liberado oficialmente e Como usar nossa interface atualizada (Blogger).

image

Menus horizontais ou verticais no Blogger

Menus são fundamentais, pois melhoram a visualização e a navegabilidade, além de serem os principais responsáveis pela a organização do seu site ou blog .

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 painel do Blogger, acessando: http://www.blogger.com. Se você estiver desconectado, faça o login utilizando a sua conta do Google…

imageNo nosso exemplo vamos usar o Blog de Teste.  Entre no blog, clicando no link correspondente,  e no menu lateral selecione [Páginas].

image

Clique em [Nova página] e selecione [Página em branco].

image

Monte a sua página utilizando os recursos do editor (imagens, hiperlinks, vídeos, texto, html, etc).

Coloque o título da página e depois de tudo pronto, clique em [Publicar].

Obs: O título da página será o link do menu…

image

Depois de publicada a página, você poderá fazer alterações. Para isso, clique no link [Editar] que aparece ao lado. Para deletar a página, clique no link [Excluir].

image

Criando páginas com endereço da web

Se você quiser utilizar itens do menu do seu blog para redirecionar seus leitores para outros endereços da web, criar uma [Nova página] e selecionar [Endereço da web].

imageNesta janela você deverá colocar o título da página e o endereço da web (URL) que os leitores serão redirecionados quando clicarem no menu. Aqui você poderá inserir qualquer link da web, tanto externos (outros sites e blogs) como internos (posts publicados ou endereço do próprio blog).

Depois de inserido o título da página e o endereço da web, clique no botão [Salvar].

image

No exemplo anterior, utilizamos um link externo: http://visualrp.blogspot.com/

Você também poderá usar um link interno de um post publicado no seu próprio blog, como mostrado no exemplo abaixo:

 http://visualdicas2000.blogspot.com/2010/08/exemplo-do-chat-xatcom.html

image

Ou ainda se preferir, poderá incluir links de categorias, que possui sempre a sequência: http://Nome_do_seu_blog/search/label/Nome_da_categoria. Veja o exemplo abaixo:

http://visualdicas2000.blogspot.com/search/label/Testes

image

Posicionar menu no blog

Depois de criadas todas as páginas (páginas estáticas e/ou as páginas com endereço da web), você agora deverá definir o posicionamento do menu no seu blog. Neste caso, clique no botão [Guias na parte superior] e selecione:

  • Guias na parte superiormenu horizontal
  • Links lateraismenu vertical
  • Não mostrarvincular as páginas criadas manualmente

No nosso exemplo vamos selecionar Guias na parte superior (menu horizontal).

Observação: Templates não nativos do Blogger,  por possuírem sistemas próprios de menus, podem não ser compatíveis com este recurso de posicionamento. Neste caso, utilize a opção Não mostrar. Assim, você poderá utilizar suas páginas estáticas como links na barra lateral do blog ou mesmo um menu próprio definido pelo template.

image

Para reordenar o menu (mudar a ordem dos itens do menu), clique na barrinha que aparece à esquerda do item e arraste na posição desejada. Depois não esqueça de clicar no botão [Salvar organização].

image

Pronto, agora vamos visualizar o blog para verificar com est o nosso blog

image

Editando o menu em layout

No painel do Blogger, clique em [Layout] que fica no menu lateral e localize Páginas. No nosso exemplo, o gadget fica na horizontal…

image

Clique no link [Editar].

Nesta janela aberta, você poderá  configurar a sua lista de páginas (páginas estáticas e páginas de endereço de web), sendo:

  • Alterar ou excluir Título (opcional).
  • Selecionar Páginas a serem exibidas (desmarque as páginas estáticas que você não quer que apareça no menu).
  • Se desejar, descreva outro nome para Início.
  • Ordem das páginas – ordene as páginas arrastando nas posições desejadas.

Depois de tudo configurado, clique no botão [Salvar].

image

Mudando o menu de posição

Clique em [Páginas] e arraste para a posição desejada no layout…

image

Depois de posicionado o gadget, clique em [Visualizar]. Se tudo estiver correto, clique no botão [Salvar organização].

image Veja como ficou o nosso menu neste exemplo, onde colocamos na posição vertical (lateral do blog).

image

Para voltarmos o menu na posição inicial, vamos arrastar novamente o gadget para a posição horizontal, abaixo do cabeçalho. Depois é só clicar no botão [Salvar organização].

image

E o menu então volta a ser horizontal como definimos inicialmente…

image

Adicionando outros menus

Para adicionar outros menus (lista de links) no seu blog leia Como criar um menu no seu “blogger” utilizando apenas uma lista de links.

por byALF

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


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

45 comentários:

Larissa Lopes disse...

Adorei essa dica e deu Super certo

Sah Katrina disse...

Nossa Muito obrigada.... Eu ja tou a tempos tentando fazer isso, e vcs me ajudaram muito!!! Era mt simples!! Brigadoo msm!!!

Unknown disse...

gostei muito das dica, vlw

Unknown disse...

ótimo post.
Quero criar um menu, por exemplo:

Apple - Samsung - Motorola

E cada post que eu faça sobre determinada empresa, o post apareceria na respctiva empresa, como faço isso?

byALF disse...

Olá Bruno,

Abra uma página estática para cada empresa, e as insira no menu...

Se utilizar sites diferentes, crie seu menu com endereços da Web, redirecionando o link do menu para outras páginas...

Está tudo no tutorial...

Abraços,

Visual Dicas

Unknown disse...

Não seriam para outro site, seria para o meu blog mesmo. Acho que não fui claro.
Já criei as páginas para cada empresa. Eu queria que cada postagem relacionada a empresa entrasse na página da empresa:
Ex: Postei na página principal algo relacionado à Apple. Queria que quando eu desse um click no menu Apple aparecesse essa postagem.
Assim respectivamente das outras empresas

Unknown disse...

Muito obrigada, passei o dia tentando fazer isso até encontrar o seu blog, explicou tudo direitinho e eu consegui colocar menu no meu blog.
Agora quando tiver alguma dúvida ja sei onde encontrar as respostas.
Valeu.

Unknown disse...

Eu tenho uma duvida,quando eu crio uma nova pagina com link,ai coloco um link de uma postagem minha,ai eu coloco por exemplo em quem somos nós,só que a postagem aparece no inicio e tbm na em quem somos nós,gostaria que aparecesse só na pagina quem somos nos,como faço?

Icarly Fã Club disse...

isso e muito legal mmmmmmmmmmmmmmmmmmmmmuuuuuuuuuuuuuiiiiiiiiiiiiiiiiiiiiitttttttttttttttttooooooooooo brigadu por vcs ajundar muitas gentes MUITO BRIGADU

X1 De Fotos disse...

PARABENS, BEM EXPLICADO, FIZ CERTINHO E DEU TUDO CERTO.
HTTPS://X1FASHIONBRASIL.BLOGSPOT.COM.BR
VER AE COMO FICOU LEGAL ;P

Thais Pimentel disse...

estou montando um blog pra falar de makes e produtos de beleza, porém, queria criar menus separados de acordo com o assunto, exemplo: Menu de makes, onde postarei só assuntos de maquiagem, menu de cabelos onde postarei só assuntos sobre cabelos e etc. dá pra fazer isso? criar menus separados e postar conteúdos sempre?

byALF disse...

Olá Thais,

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

Faça o seu menu utilizando Marcadores (item 3 do artigo)...

Visual Dicas

Unknown disse...

valeu cara boas dicas.

Angelica disse...

Ajudou bastante!!!!

Unknown disse...

Adorei mesmo, ajudaram mto!!

Joyce Gadiolli disse...

Obrigada, me ajudou muito!!!

Giovanna Dedone disse...

Olá. Tenho uma dúvida:
Eu fiz tudo direitinho, mas quando fui visualizar o blog, só apareceu pela metade o guia.
ME AJUDE, POR FAVOR!

byALF disse...

Olá Giovanna,

Passa o link do seu blog para a gente dar uma olhada...

até,

Visual Dicas

Pietra Alcântara disse...

Oi, queria que vocês me ajudassem. Quando fui tentar criar o menu no blog, não consegui adicionar o gadget. Quando cliquei em adicionar o gadget e várias opções apareceram, cliquei em páginas e lá estava escrito que eu já tinha o adicionado. Mas eu não adicionei!

É meio confuso...

Obrigada!

byALF disse...

Olá Pietra,

Passa o link do seu blog para ver que eu possa entender melhor a sua dúvida...

Aguardo...

Visual Dicas

Uma pagina mais disse...

eu gostaria de sabe como colocar as minhas postagens no menu do meu blog.eu fiz o menu pelo HTML/JavaScript e quando eu entro em algumas das paginas da erro.me ajuda por favor eu nuna tinha mexido muito em blog e eu vejo uns tão lindos.

Pietra Alcântara disse...

Olá, obrigada pela resposta!

Primeiro acho importante dizer que quando fiz o blog, cerca de 1 ano atrás, encomendei meu layout, ou seja não fui eu quem o fez. Quando tentei mudar o menu do blog, fiz algo errado que fez com que a imagem do menu não aparecesse mais. Desde então não mexi mais nesse gadget. O antigo layout ficou assim depois de eu ter mexido no menu -> https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-ash4/c0.58.843.403/p843x403/377866_214024355400406_1055860021_n.png

Então resolvi eu mesma fazer o layout, foi quando quis alterar o menu e procurei o seu blog, mas não consegui pelo problema citado no outro comentário. A imagem de "erro" no menu não aparece mais. Meu blog é www.picturesandreams.blogspot.com

Muito obrigada!

BigBrother13 disse...

Tenho Uma Duvida , Na Parte que vc fala > " Ou ainda se preferir, poderá incluir links de categorias, que possui sempre a sequência: http://Nome_do_seu_blog/search/label/Nome_da_categoria. "
Entao eu quero fazer isso mesmo , mas como crio esse link de Nome do blog / search / label / Nome da Categoria ??
Pod Me Dizr ?

byALF disse...

Olá BigBrother13,

Para criar marcadores (Categorias), leia o artigo do Dicas Blogger que ensina passo a passo como criar e colocar marcadores no blog: Como inserir marcadores nos posts.

Visual Dicas

Unknown disse...

Olá, tenho uma dúvida.
Meu blog é este: http://blogdalaisyonezawa.blogspot.com.br
Gostaria de saber o seguinte: como faço para agrupar determinados posts num mesmo menu?
Por exemplo, tenho um menu chamado INDICAÇÕES. Queria que todos os posts feitos sobre indicações aparecessem quando a pessoa clicar no menu INDICAÇÕES. Será que deu pra entender? rs
Acho que sim.

Agradeço desde já!

byALF disse...

Olá Laís,

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

Faça o seu menu utilizando Marcadores (item 3 do artigo)...

Visual Dicas

Unknown disse...

Olá tenho uma duvida , eu fiz um menu seguindo todas tuas dicas sabe ,maisna hora em que eu vou fazer os posts ,elas nao vao para o menu em que eu quero por .por exemplo :
fiz menu DICAS , e quando eu posto as dicas ela nao vao direto para o menu
A unica coisa que da pra alterar é apenas o titulo do menu , e nao adicionar posts , oque eu faço ?
meu email e esse

joprincezinha@hotmail.com

muito obrigada ,teu blog me ajudo mto !

Unknown disse...

Brigada mesmo.. mto boa a dica.
tudoemcasacosmeticos.blogspot.com.br

curte la.
bjo

Azevedo Amorim disse...

Me ajudou muuuuuuito, vlw

Harumy Yamaguchi disse...

muuuuuuuuuuito obrigada! Me ajudou e muito, estou à procura de um modelo de link pra pôr a tag há séculos!

Gizelle Ferreira disse...

Depois de procurar por muito tempo, finalmente encontrei o tutorial perfeito. É disparado o melhor que encontrei. O tutorial com o modelo antigo e o modelo atual do blog me salvou. Tudo que eu achava era do modelo antigo, finalmente encontrei este site com toda descrição. Definitivamente perfeito. Obrigada

sandra cavalheiro disse...

Eu só quero agradecer pela ajuda. Realmente esse site tem me ajudado muito. Vocês estão de parabéns! Muito obrigada.

Danielle Chaves disse...

Oi, eu tenho a mesma dúvida do Bruno.
Queria criar na parte superior ícones com as categorias do blog e que todos os posts relacionados àquela determinada categoria ficasse organizado nela. Encontrei alguns códigos em html que me ajudaram a criar este menu, mas as postagens não ficam ficam relacionadas ao menu, apenas ao marcador.
O que eu faço?

byALF disse...

Olá Danielle,

Infelizmente o Blogger é um pouco limitado. A única forma para você classificar automaticamente seus artigos é utilizando "marcadores". Para você fazer o que está pedindo, deverá criar uma página estática para cada artigo e colocar manualmente em uma lista de links:

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

Se você desejar um blog mais elaborado, recomendo utilizar o Wordpress.org, que permite a criação de um banco de dados MySQL e plugins prontos....

Unknown disse...

VISITEM MEU BLOG http://colinasdoiran.blogspot.com.br/

Unknown disse...

So queria saber se tem como almentar as letras, meu email é debora_medeiros_freitas@hotmail.com

Helens 2 disse...

Depois de muito tempo finalmente encontrei!Obrigada Visual Dicas!

Anônimo disse...

Eu procurei como fazer isso em vários sites e não achei um que me explicasse, adorei e fiz e ficou perfeito valeu pela ajuda você foi a única que realmente soube mostrar como se fazia! :-)

Aline Santos disse...

depois de procurar muitooooo achei o que precisava!! e finalmente deu certo! Valeu pelas dicas!!! Eu ainda sou novata neste negócio de blog, mas vou ficar expert com essas dicas hehehe

Bella Spigolon disse...

valeu! ajudou muito!:)

Unknown disse...

Cara na nova interface do blogger 2015 não tem so tem o botão nova pagina porfavor min ajudem..

Unknown disse...

Cara, esse post é de 2012

byALF disse...

Olá Souza e Bibi,

No Blogger 2015 tem sim o botão nova página. Entre no menu lateral do Blogger e selecione Páginas. Nesta tela, vai aparecer um menu com Nova Página, Publicar e Reverter para Rascunho....

Vamos atualizar este artigo para a 2015.

Obrigado por informar..

Abraços!

Unknown disse...

com a mudança do blogger não consegui colocar o menu. retiraram alguns recursos . você pode ajudar a colocar o menu hoje em dia.

byALF disse...

Olá Anderson,

Substituímos este artigo pelo menu simples no blogger atualizado.

Obrigado,

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