Dicas Plugins Web : Widget Links com Menu Suspenso

Há algum tempo eu estava procurando um widget de menu suspenso e os que eu encontrava era necessário fazer alterações no código HTML do blog.

Mas, finalmente, encontrei esse no blog Microship. Basta você inserir o nome e a URL do link e terá um menu suspenso bem interessante. Veja os modelos abaixo:

1 - Links em Menu Suspenso (com carregamento automático ao selecionar)

 Selecione Banners Contadores Dicas Downloads Templates Widgets

Então, vejamos:

Para colocar um menu suspenso em seu blog basta copiar e colar este código em um gadget HTML.

<form>
<select NAME="links"
onChange="top.location.href=this.form.links.options
[this.form.links.selectedIndex].value">
<option SELECTED>Selecione
<option VALUE="ENDEREÇO DO LINK">NOME DO LINK
<option VALUE="ENDEREÇO DO LINK">NOME DO LINK<option VALUE="ENDEREÇO DO LINK">NOME DO LINK</select>
</form>

Para inserir mais links no seu menu, continue acrescentando a tag abaixo (antes de </select>):

<option VALUE="ENDEREÇO DO LINK">NOME DO LINK

Você poderá, ainda, trocar o nome (Selecione) por um outro de sua escolha, como, por exemplo, Selecionar, Categoria, ......, etc.

2 - Links em Menu Suspenso com Botão

Uma outra variação do código é a que utiliza um botão para acessar o link selecionado.

Links FavoritosBanners Contadores Dicas Downloads Templates Widgets 

Para utilizá-lo, formate o código abaixo e copie ecole-o em uma gadget HTML/Java Script no seus elementos de página:

<form name="form1" method="post">
<select style="WIDTH: 169px" name="dd1" size="1">
<option ; value=""/>Links Favoritos
<option VALUE="ENDEREÇO DO LINK">NOME DO LINK
<option VALUE="ENDEREÇO DO LINK">NOME DO LINK
<option VALUE="ENDEREÇO DO LINK">NOME DO LINK
</select>
<input value="Ir" onclick="location = document.form1.dd1.options [document.form1.dd1.selectedIndex].value;" type="button"/>
</form>

Para inserir mais links no menu, faça como descrito acima.