Como Inserir um Menu Suspenso no Blog

Menu Suspenso
Olá pessoal, neste tutorial venho mostrar a vocês um código simples que cria um menu suspenso, você pode utiliza-lo para colocar alguns links importantes, postagens, entre outros.


Tutorial
1. Acesse o Painel de seu blog
2. Clique na guia "Layout"
3. Clique em "Adicionar um novo Gadget" e depois em "HTML/JavaScript"
4. Cole o código abaixo, com suas edições.

Código
<form><select style="color: black; padding: 5px; width: 200px;" name="links" onchange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value"> <option selected="selected">Opção Selecionada </option> <option value="LINK 1"> NOME 1 </option> <option value="LINK 2">NOME 2</option> <option value="LINK 3">NOME 3 </option> <option value="LINK 4">NOME 4 </option> </select></form>

Edição
- Substitua LINK X pelo link da página. ( Ex: http://hs-dicas.blogspot.com.br/2012/03/botoes-aumentar-fonte-diminuir-fonte.html )
- Substitua o NOME X pelo nome do link da página. ( Ex: Botões Aumentar e Diminuir Fonte )
- Caso queria adicionar mais opções, adicione esse trecho antes das tag de fechamento ( </select></form> )
</option> <option value="LINK">NOME</option>
5. Pronto, clique em "Salvar"

Gostou? Compartilhe: