Como criar um menu simples na nova interface do Blogger
byALF | 
terça-feira, fevereiro 21, 2012
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…
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).
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…
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…
No nosso exemplo vamos usar o Blog de Teste. Entre no blog, clicando no link correspondente, e no menu lateral selecione [Páginas].
Clique em [Nova página] e selecione [Página em branco].
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…
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].
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].
Nesta 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].
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
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
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 superior – menu horizontal
- Links laterais – menu vertical
- Não mostrar – vincular 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.
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].
Pronto, agora vamos visualizar o blog para verificar com est o nosso blog
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…
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].
Mudando o menu de posição
Clique em [Páginas] e arraste para a posição desejada no layout…
Depois de posicionado o gadget, clique em [Visualizar]. Se tudo estiver correto, clique no botão [Salvar organização].
Veja como ficou o nosso menu neste exemplo, onde colocamos na posição vertical (lateral do blog).
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].
E o menu então volta a ser horizontal como definimos inicialmente…
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:
44 comentários:
Adorei essa dica e deu Super certo
Nossa Muito obrigada.... Eu ja tou a tempos tentando fazer isso, e vcs me ajudaram muito!!! Era mt simples!! Brigadoo msm!!!
gostei muito das dica, vlw
ó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?
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
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
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?
isso e muito legal mmmmmmmmmmmmmmmmmmmmmuuuuuuuuuuuuuiiiiiiiiiiiiiiiiiiiiitttttttttttttttttooooooooooo brigadu por vcs ajundar muitas gentes MUITO BRIGADU
PARABENS, BEM EXPLICADO, FIZ CERTINHO E DEU TUDO CERTO.
HTTPS://X1FASHIONBRASIL.BLOGSPOT.COM.BR
VER AE COMO FICOU LEGAL ;P
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?
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
valeu cara boas dicas.
Ajudou bastante!!!!
Adorei mesmo, ajudaram mto!!
Obrigada, me ajudou muito!!!
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!
Olá Giovanna,
Passa o link do seu blog para a gente dar uma olhada...
até,
Visual Dicas
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!
Olá Pietra,
Passa o link do seu blog para ver que eu possa entender melhor a sua dúvida...
Aguardo...
Visual Dicas
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.
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!
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 ?
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
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á!
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
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 !
Brigada mesmo.. mto boa a dica.
tudoemcasacosmeticos.blogspot.com.br
curte la.
bjo
Me ajudou muuuuuuito, vlw
muuuuuuuuuuito obrigada! Me ajudou e muito, estou à procura de um modelo de link pra pôr a tag há séculos!
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
Eu só quero agradecer pela ajuda. Realmente esse site tem me ajudado muito. Vocês estão de parabéns! Muito obrigada.
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?
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....
VISITEM MEU BLOG http://colinasdoiran.blogspot.com.br/
So queria saber se tem como almentar as letras, meu email é debora_medeiros_freitas@hotmail.com
Depois de muito tempo finalmente encontrei!Obrigada Visual Dicas!
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! :-)
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
valeu! ajudou muito!:)
Cara na nova interface do blogger 2015 não tem so tem o botão nova pagina porfavor min ajudem..
Cara, esse post é de 2012
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!
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.
Olá Anderson,
Substituímos este artigo pelo menu simples no blogger atualizado.
Obrigado,
Postar um comentário