Marcadores em forma de menu suspenso (Drop Down)

Ohayooo!!! Como vão indo? Eu vou super, ultra, mega, power, triangulo ao cubo bem!!! (Anos se passaram e eu ainda falo isso.) E nem faço ideia do porque de estar tão bem. Vamos lá, hoje trago para fazer um tutorial antigo, como transformar marcadores do blog, em menu suspenso com cor. Antes de começar o tutorial é necessário já ter um gadget de marcador, se não tiver basta ir ao Layout e adicionar um. O tutorial é bem fácil mas leiam com bastante cuidado, ok? Eu já usei bastante esse menu, principalmente quando o blog tinha vários e vários assuntos rsrs eu acho ele bem legal, pode personalizar como desejar. Deixei ele simples para ficar fácil de arrumar. É só isso mesmo, vamos ao tutorial!

Exemplo

1. Primeiro vá na pagina de Modelo e depois Editar HTML. Ao acessar o HTML do seu blog cliquem em Ir para um widget e procure procure por Label1 ou pelo Label de seu gadget. Se você não souber procure pelo nome. Exemplo seu gadget tem o nome de Menu Principal, então usando o atalho CTRL+F procure por ele.

2. Ao encontrar vai estar exatamente como mostra na imagem abaixo, localizando esse local delete toda a área marcada em lilas. Separe o número de seu Label, na imagem está como Label1 então separe o seu e guarde o número.

....e substitua por esse:

Códigos

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
 <b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;' style='color: #000; background: #eee; width:100%; padding: 10px 0; display outline:none; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px;'>
<option>Labels</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>

A parte em vermelho é para substituir o número de seu gadget. Por isso observe antes de substituir o código. Agora é só salvar!

Se desejar colocar mais de um Marcador suspenso é só fazer a mesma coisa, buscar pelo nome do gadget ou pelo Número de ID do gadget e executar o tutorial.