18 de octubre de 2012

Gadget de etiquetas con forma de menú desplegable

Bien es muy sencillo, para poner un gadget de etiquetas y que tenga forma de menú desplegable lo que tenemos que hacer es lo siguiente :


*Entrad en diseño y en edición de html, marcar la casilla expandir plantillas de artilugios y buscar este código:



<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>


*Elimínalo y en su lugar pega lo siguiente :

<br/>
<select class='menu-etiquetas' onchange='location=this.options[this.selectedIndex].value;'>
<option>Selecciona una categoría</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>


Edito: Se me olvidaba lo mas importante, cuando termines de poner los códigos seguido de esto debes ir a diseño y poner el gadget de etiquetas.

Puedes cambiar Selecciona una categoría por cualquier otra cosa que quieras poner.
Y con esto es todo, solo debemos guardar y listo.

0 comentarios:

Publicar un comentario