Como adicionar menu DropDown do “Cssmenumaker” no Blogger

Para quem não sabe menu DropDown seria aquele menu que ao passar o mouse sobre ele desdobra em outro, é realmente muito útil e eficiente naquilo que se propõe. Mas como adiciona-lo no Blogger.

Entre no Site Css Menu Maker selecione o modelo a ser usado, clique em Customize
Você será redirecionado pra uma pagina como a de baixo, nela contem: Edit Item, Update Item, Add Item, Menu Structure, Update Preview e Download.

Primeiramente selecione algum item em Menu Structure, depois em Edit Item você poderá mudar o titulo (Title) e o link (Link) desse objeto, após fazer as mudanças que desejar clique em Update Item e Update Preview.
Caso queira adicionar mais itens e subitens é só clicar em Add Item, e para organiza-los basta arrastar na ordem que desejar e depois clicar em Update Preview .
cssmenumaker

   Quando o menu DropDown estiver a seu gosto clique em em Download e baixe o arquivo compactado
Descompacte o arquivo, entre dentro da pasta cssmenu, nela possui uma outra pasta com o nome menu_assets e um arquivo com o nome instructions.
Entre na pasta menu_assets
explorer
Dentro da pasta menu_assets possui um arquivo com o nome styles.css e uma outra pasta com o nome images (depende, alguns modelos DropDown não possuem essa pasta).
Dentro da pasta images possui diversas imagens, up elas em um servidor de sua preferência, exe: picasa, etc.…
Agora volte na pasta menu_assets e clique com o botão direito do mouse em cima styles.css e vá em abrir com… > Wordpadexplorer2
No Wordpad substitua os link pelo das imagens upadas.

css
Após substituir as URL pelas corretas, selecione e copie todo o texto.
Wordpad
Vá no blogger,

painelblogger
Clique em Modelo
painelblogge2r
Depois clique em personalizar >>

Agora vá em Avançado > Adicionar CSS
painelblogge3r
Em Adicionar CSS, cole o texto que tinha copiado e clique em Aplicar ai Blog
painelblogge4r
Pronto a primeira parte esta feita…

Agora vá na pasta cssmenu e abra instructions.html, copie o código
css2
Entre no Blogger novamente e vá em Layout que esta acima de Modelo e clique em adicionar Gadget e  selecione HTML/JavaScript, cole o texto copiado e clique em salvar. Pronto!!

Em alguns Templates colar no Gadget pode ocorrer de não funcionar direito o menu DropDown, se isso ocorrer você deve cola-lo No HTML do blog, basta ir em Modelo > Editar HTML > Prosseguir.
e colar entre as Divs 


cole aqui o código
     

Veja o Exemplo:


e é só salvar.

Pronto!!

Este post foi publicado em Tutorial em por .

Sobre Frede Mandu

Frederson Mandu de Oliveira é Tec. em Adm, fundador e blogueiro do blog To Be Geek, é formado no curso Superior em "Tecnologia em Analise e Desenvolvimento de Sistemas", é aficionado em tudo relacionado a tecnologia, tendências, games, HQs, mangás ao qual dedica um pouco de seu tempo pra cada coisa, e muito pra nada!

4 pensou em “Como adicionar menu DropDown do “Cssmenumaker” no Blogger

  1. Rodrigo Rocha

    Fredinho passei para conhecer seu blog ele é not°10, muito maneiro com execelente conteúdo gostaria de parabenizar pelo seu trabalho e desejar muito sucesso em sua camimhada e objetivo no seu Hiper blog que DEUS ilumine seus caminhos e de seus familiares
    Um grande abraço e tudo de bom

    Responder

Deixe uma resposta