Menu suspenso

Hooy Genteuma ótima dica pra vocês é colocar esse menu suspenso:

  escreva o que quiser NOME NOME NOME  

economiza um super espaço e fica super bonitim  (as cores são editáveis tá). Eu achei uma fofura e espero que vocês curtam também... aaah feliz dia das crianças atrasado, hahaha. Eu queria agradecer o carinho de todos pois eu tem recebido muitos elogios (me senti agora né!) .. Enfim clique em leia mais e confiram o tutu completo

O código para colocar o menu suspenso é esse:

<script language="JavaScript" type="text/javascript">

function openDir( form ) {

var newIndex = form.fieldname.selectedIndex; 

if ( newIndex == 0 ) { 

alert( "Please select a location!" ); 

} else { 

cururl = form.fieldname.options[ newIndex ].value; 

window.location.assign( cururl ); 

} 

} 

</script>

<form name="form" id="form">

<select style="width:150px; font-family:'Comic Sans MS'; font-size:10pt; background:#FFAEB9" name="fieldname" onchange="openDir( this.form )">

<option />escreva o que quiser

<option style="background:#AEEEEE" value="http://isjackiezzdream.blogspot.com/" />NOME

<option style="background:#FFE4C4" value="http://isjackiezzdream.blogspot.com/" />NOME

<option style="background:#F0FFFF" value="http://isjackiezzdream.blogspot.com/" />NOME

</select>

</form>

Personalização Básica:

 width:150px = É a largura do menu, enquanto maior o numero mais largo será ( altere somente o numero)

 font-size:10pt;= Tamanho da fonte (altere somente o numero)

 background:#FFAEB9 = É a cor do menu

escreva o que quiser= escreva o que quiser ( deeer Jackie huahauah)

"background:#F0FFFF"=isso faz mudar a cor de fundo de cada item do menu (só altere onde esta grifado de rosa) 

confira uma tabela de cores >clicando aqui<

 aaai Jackie eu quero mais links no meu menu posso?

claro é só adicionar esse trecho: <option style="background:#FFE4C4" value="http://isjackiezzdream.blogspot.com/" />NOME

ANTES DE: </select>

                       </form>

Não esqueça de trocar a URL do meu blog, para o endereço da página que você quer que seja direcionado ao clicar!

E no trecho NOME colocar o nome do seu item

Feito tudo isso é só copiar o código ir em design>elementos da pagina>adicionar gadget > selecione a opção HTML script e cole no espaço em branco!