Como Colocar uma Barra de Menu no Blogger Parte 2

Como já disse não sou expert. Mas gosto de mostrar como consegui fazer coisas no meu blog. Algumas delas pesquisando e obtendo ajuda de outros blogs e sites na web. Algumas descobrindo no verdadeiro tentativa e erro (só posto aqui quando funciona). Um post que fiz foi mostrando como coloquei a barra de menu (de uma forma que achei mais simples, sem ter que mexer no HTML, que não me senti seguro para fazer).
No entanto recebi algumas perguntas para esclarecer melhor como foi feito.
Assim vou colocar em fotos para ver se facilita. Espero que fique mais claro.
De qualquer forma o post antigo continua e pode servir para ajudar Como colocar uma barra de Menu no Blogger

1° Etapa: Clique em Design e em seguida Adicionar em Gadjet.


Na caixa que abre clique em Adicionar Marcadores (Clique no sinal de +)



2° Etapa: Em Editar Postagem, (essa etapa permanece sempre que for criar nova postagem), irá aparecer uma caixa de diálogo Marcadores abaixo da postagem. Escreva ali o nome com o qual você quer classificar essa postagem (por exemplo: Contato, Dicas, Informática, Cinema etc). Essa postagem que estou fazendo por exemplo, vai no Marcadores com nome Dicas


3° Etapa: Clique novamente em Design e em seguida Adicionar em Gadjet e desta vez na caixa que se abre adicione Lista de links (Clique no sinal de +)



4° Etapa: Na caixa de diálogo que se abre:
Em Título: O que sairá no Menu (Por ex: Contato ou Cinema...)
Em número de Links deixe em branco para aparecer todos ou coloque o numero que desejar.
Classificação: Á sua escolha.
Em Nova URL do Site: Coloque agora o endereço do seu site: http://nomedoseublog.blogspot.com/search/label/Marcador (onde nomedoseublog voce substitui obviamente pelo nome do seu blog e Marcador voce coloca aquele nome que voce colocou no marcador do seu post)
Em nome do Site você repete o nome do marcador que colocou no Título ( Contato ou Cinema....)


5° Etapa:
Agora o Menu Página Inicial ou Home ou Início ou como quiser nomea-lo. Esse é sempre o 1° menu e leva a quem clica-lo para sua página completa , que conterá todos os posts e não somente os de determinado marcador.
Para Faze-lo: Repita a 4° etapa e em Título coloque por exemplo Página Inicial ou Início ou Home.
Em Nova URL do site coloque agora o endereço do seu site http://nomedoseublog.blogspot.com (aqui não precisa colocar marcador pois vai direcionar para o seu blog completo)
Em Nome do Site repita o que escreveu em Título:
Fica mais ou menos assim: Veja que a única diferente é início. As demais seguem o mesmo padrão e você pode colocar quando marcadores quiser (mas lembre-se que se colocar muitos marcadores pode não haver espaço para ficar em uma só linha). Comigo aconteceu e uma solução possível é diminuir o tamanho da letra (mas aí já tem que fazer mudança no design do modelo).


Observe as setinhas azuis para cima e para baixo. Ao clicar nelas você desloca o marcador para a posição que você quiser. Você pode também editar ou excluir.

6° Etapa
Para terminar, você vai perceber que criou na sua página 2 Menus (Marcadores e Um Menu com o Nome que você deu: Contato ou Inicio ou ....) que poderão estar na lateral ou abaixo do nome da página (basta que você arraste e coloque onde desejar). Eu preferi não mostrar os 2, então fui en Design cliquei em Editar marcadores e na caixa que se abriu cliquei em Editar e selecionei Desmarcar todos que portanto deixão de de ficar visíveis na página. É claro que essa última etapa poderá ser logo realizada durante a 1° etapa quando você adicionar os marcadores.
Clicando em Editar (em azul) aparecerá uma caixa de dialogo e você deixa todos desmarcados, assim não apareceram na sua barra lateral. No entanto se quiser poderá deixar, é opcional.


E por fim ficará assim:

Veja que a barra do menu (Aqui com nome contato) foi puxada para a parte superior. Só assim ela ficará na vertical e não na horizontal e lateral.

Espero ter esclarecido melhor.


Veja Também:

Não consigo entrar na Internet
Como fazer para tirar Borda/Margem das imagens no Blogger
Gerador de códigos para divulgar seu blog, banner ou link

Postar um comentário

ARTIGOS RELACIONADOS

2leep.com