CSS Menu Marker – Gerador de menus gratuito

O CSS Menu Marker é um site que disponibiliza diversos modelos de menus horizontais ou verticais já prontos para o seu site ou blog gratuitamente. A instalação é manual, mas não muito difícil, segue abaixo todas as etapas para instalação de um menu horizontal utilizando um blog no blogger.

Vamos direto ao ponto;

1º Passo: Escolha um menu horizontal e em seguida clique em “Download Source” para fazer o download do arquivo do menu;

 2º Passo: Descompacte-o e hospede as imagens localizadas dentro da pasta e guarde os links:

3º Passo: Na mesma pasta localize o arquivo menu_style e com o botão direito do mouse clique em Abrir com: Bloco de Notas.

4º Passo: Lá mesmo no bloco de notas cole a URL das imagens hospedadas nos seus respectivos espaços, exemplo: No meu caso, na pasta a primeira imagem está nomeada como current_bg, no código do bloco de notas existe um espaço nomeado igualmente, então substitua tudo o que está entre as aspas pela URL da determinada da imagem: Exemplo:

(“images/current-bg.gif“) Substituindo:

(“http://4.bp.blogspot.com/_kRiGysx6lag/S51LiF4wlRI/AAAAAAAAAwM/2xV0wNoCSzM/s1600/current-bg.png“).

6º Passo: Agora vamos adicionar a div do menu no template. Para visualizá-la volte até a pasta principal do menu e clique no arquivo index:

Deve abrir uma página no seu navegador padrão, logo após pressione Ctrl + U para exibir o código-fonte da página, nesta parte você deve copiar o código semelhante ao trecho em destaque na imagem abaixo:

7º Passo: Volte ao editor HTML. Para adicionar o menu abaixo do cabeçalho  localize a div header-wrapper (em vermelho):

Vamos colar o código do menu abaixo da tag </div> (em azul), exemplo:

Vizualize e salve. Se houver algum erro refaça todas as etapas que concerteza vai funcionar. Até a próxima.