
ATENÇÃO: ESTE ARTIGO FOI SUBSTITUIDO PELO ARTIGO:
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: