Como adicionar um menu ao seu blog

Ter um menu em seu blog é uma forma eficiente de chamar a atenção do seu visitante para páginas ou áreas importantes do seu blog.

Nele, você pode colocar links para sua página de publicidade, seu índice, sua página de “sobre” e outras que considere importantes.

Neste artigo, mostro diversas formas para você adicionar um menu ao seu blog, desde os mais simples até os mais elaborados.

Introdução

Ter um menu em seu blog é essencial.

Com ele, você pode direcionar o seu visitante para áreas que são importantes em seu blog.

Normalmente, ele é colocado abaixo do cabeçalho do blog, como mostro na figura abaixo, onde destaco o menu do Gerenciando Blog:

 

Cabe a você definir quais serão os itens mostrados em seu menu.

Algumas sugestões que faço:

• Início – Um link para a página principal do seu blog, para que o visitante possa voltar a ela a partir de qualquer página onde estiver.
• Índice – Se você tem um índice em seu blog, é interessante também colocá-lo em seu menu. Se ainda não tem, sugiro a leitura do artigo Criando um Índice para seu Blog.
• Contato – Outra área importante. Se ainda não possui um formulário de contato, leia o artigo Criando uma página de contato com o Wufoo.
• Sobre – Também é interessante ter no menu o link para a página onde você explica o objetivo do seu blog e conta mais sobre você.

Também é interessante você adicionar links para artigos que você considera importante (como os Links Úteis, que tenho no Gerenciando Blog).

Se desejar, você pode colocar inclusive em seu menu links para páginas externas, como a opção “Sugira”, que tenho aqui.

Há diversas formas para você colocar um menu em seu blog, desde as mais simples, até as mais elaboradas.

Neste artigo, mostrarei algumas das formas existentes, para que você também possa colocar um menu em seu blog.

1. Utilizar o gadget de Páginas

Se você utiliza o Blogger, a plataforma oferece uma forma simples para você criar um menu com suas páginas estáticas.

Apesar do nome “Páginas”, você pode incluir qualquer página web em seu menu utilizando este gadget, incluindo suas postagens e páginas de outros blogs.

O procedimento é bem simples: basta acessar a área de “Páginas”, criar os itens que farão parte do menu e defini-las para ser exibidas como “Guias na parte superior”.

Caso tenha dúvidas, sugiro a leitura do artigo Como criar páginas estáticas no Blogger, onde mostro este processo detalhadamente.

2. Adicionar uma lista de links

Outra forma similar à anterior para criar um menu no Blogger é utilizando o gadget do tipo “Lista de links”.

Este é o método que utilizo aqui no Gerenciando Blog.

Caso você não saiba como adicionar um gadget, sugiro a leitura do artigo Como Adicionar Gadgets em seu Blog.

O procedimento é bem simples:

1. Ao adicionar o gadget de “Lista de links”, ele estará vazio.

Você deve preencher os campos “Novo URL do site” (onde você colocará o endereço para onde seu menu apontará) e “Novo nome do site” (onde preencherá o texto que deve ser exibido no menu”).

A cada item, clique no botão “Adicionar link”.

 

2. Ao final, você verá a lista com todos os seus itens de menu.

Clique em “Salvar” quando terminar de inserir todos eles.

Note que os demais campos devem ficar em branco, incluindo o “Título”.

 

3. Para que a lista de links seja exibida como menu do seu blog, você deve posicioná-la logo abaixo do cabeçalho.

3. Utilizando HTML / CSS

Se os métodos anteriores não funcionarem corretamente em seu blog, pode ser que seu template não esteja preparado para esses estilos de menu.

Se você é um usuário avançado, pode realizar alterações em seu template para adicionar o menu, alguns deles inclusive com mais recursos que os mostrados acima, como mostrar uma lista de itens em cada opção do menu.

Há diversos bons tutoriais mostrando como fazer isso.

Abaixo eu cito alguns deles:

• Linkbar-Menu Horizontal – Neste artigo do Dicas Blogger, a Juliana mostra como adicionar um menu simples ao template.
• No Mundo Blogger, a Clau tem uma categoria de artigos sobre menus, mostrando diversas opções diferentes. Um com ótimo efeito é o mostrado em Subnav Menu Horizontal com submenus.

4. Criar um menu em Flash

Outra opção para criar um menu que funciona em qualquer blog e com recursos de animação é construí-lo em Flash.

Um bom site para isso é o FlashVortex.

Esta ferramenta tem algumas vantagens e desvantagens.

A principal vantagem é o aspecto visual dos menus – desde que bem utilizados.

Você pode escolher imagens para os botões e as animações são interessantes.

A principal desvantagem é a exibição de um texto com link na versão grátis, que pode ser removido desde que você opte pelo serviço pago.

Outra desvantagem é o tamanho do script que é carregado com seu blog, que pode contribuir para que ele fique lento.

Mas, é uma ferramenta que vale a pena você conhecer e testar. Abaixo estão algumas orientações gerais.

1. Acesse o site FlashVortex e entre na opção de Menus.

2. Escolha um modelo de menu para colocar em seu blog.

Se você quiser um menu abaixo do seu cabeçalho, escolha um modelo horizontal.

Clique na opção destacada na figura para editar o menu.

 

3. Em cada botão, você deve editar o nome que ele terá (“Text label”) e para qual endereço ele apontará (“Link”).

Você pode também escolher a figura e as cores, se desejar.

Se sobrarem botões, basta você deixar o campo “Text label” em branco e ele não será exibido.

 

4. Quando terminar a configuração, vá até o final da página e clique no botão “Generate Animation”.

5. Você verá uma nova página, com duas opções de instalação. A “Easy” (“Fácil”) é a mais simples.

Para utilizá-la, basta copiar o código e publicá-lo em um gadget do tipo “HTML / Javascript”, que você deve posicionar onde desejar que o menu seja exibido.

Conclusão

Utilizando um dos métodos acima, você conseguirá colocar um menu em seu blog.

Como ressaltei no começo, é um item importante para seu blog.

Assim, se você ainda não tem um menu, escolha a opção mais adequada e faça isso hoje mesmo.

Seus visitantes com certeza gostarão disso.

E você, já tem um menu em seu blog?

Você conhece uma forma diferente das citadas no artigo?

Compartilhe sua opinião deixando um comentário!