![blogger_logo blogger_logo](http://lh4.ggpht.com/_rO1asbIH6w8/S4nSffN93BI/AAAAAAAAbSI/r_wQscMh4p0/blogger_logo_thumb%5B2%5D.jpg?imgmax=800)
Menus horizontais ou verticais no “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…
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 image](http://lh4.ggpht.com/_rO1asbIH6w8/TZYn6V9YJaI/AAAAAAAAbSY/qegt7apmGd8/image13_thumb%5B1%5D.png?imgmax=800)
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 image](http://lh4.ggpht.com/_rO1asbIH6w8/TZYn--KyAaI/AAAAAAAAbcE/Zs0zPL4oyfo/image171_thumb%5B1%5D.png?imgmax=800)
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 image](http://lh3.ggpht.com/_rO1asbIH6w8/TZYoA2AxofI/AAAAAAAAbSo/bc1VQehBgIE/image_thumb.png?imgmax=800)
Após montada a sua página, clique no botão <Publicar Página>
![image image](http://lh3.ggpht.com/_rO1asbIH6w8/TZYoFuQ2RkI/AAAAAAAAbSw/NHb8FkI_iB0/image20_thumb%5B2%5D.png?imgmax=800)
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.
No nosso exemplo iremos utilizar o menu vertical (Guias do blog).
Definido o tipo do menu clique em <Salvar e Publicar>.
Clique em <Visualizar página>, caso queira alterar algo utilize <Editar página>.
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.
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>.
Veja como ficou o nosso menu do exemplo:![image image](http://lh4.ggpht.com/_rO1asbIH6w8/TZYoTxH6TNI/AAAAAAAAbTY/G0AhxSVqZx4/image_thumb%5B3%5D.png?imgmax=800)
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>.
Clique em <Páginas> e arraste até o local desejado…No exemplo, posicionaremos o menu na barra lateral. Clique em <Salvar>.
![image image](http://lh4.ggpht.com/_rO1asbIH6w8/TZYoYpXDbaI/AAAAAAAAbTo/cpFccaXNkAM/image_thumb%5B6%5D.png?imgmax=800)
Veja como ficou o menu na lateral …
![image image](http://lh3.ggpht.com/_rO1asbIH6w8/TZYoarGmFPI/AAAAAAAAbTw/OPwDYSQ5nwg/image_thumb%5B9%5D.png?imgmax=800)
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 image](http://lh3.ggpht.com/_rO1asbIH6w8/TZYodB1kSqI/AAAAAAAAbT4/0q9tKf7Vo4Y/image_thumb%5B8%5D.png?imgmax=800)
Faça as alterações desejadas e clique em <Salvar>
![image image](http://lh5.ggpht.com/_rO1asbIH6w8/S4nTMWraU0I/AAAAAAAAbUA/4vcHhRGCpYQ/image71_thumb%5B2%5D.png?imgmax=800)
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 image](http://lh3.ggpht.com/_rO1asbIH6w8/TZYqFKdUoVI/AAAAAAAAbUI/MOvXP9yCkLw/image_thumb%5B15%5D.png?imgmax=800)
Vamos alterar também a posição para o topo do blog, e veja o resultado…
![image image](http://lh3.ggpht.com/_rO1asbIH6w8/TZYqHNI4riI/AAAAAAAAbUQ/_bwmEpslsug/image_thumb%5B14%5D.png?imgmax=800)
Nenhum comentário:
Postar um comentário