Etiquetas en forma de menú desplegable

Cuando añadimos un nuevo elemento de "Archivos" a nuestra sidebar, Blogger nos da tres opciones distintas para mostrarlo, una de ellas es en forma de "Menú desplegable".
Es opción no está disponible cuando el elemento que añadimos es el de "Etiquetas".
Si hemos escogido esa opción para mostrar los Archivos del blog, estaría bien poder hacer lo mismo con las Etiquetas, quedaría bastante bien estéticamente, creo yo...

[1] Añadimos el elemento "Etiquetas" a nuestro blog (si no lo hemos añadido antes)

[2] Vamos a la parte del HTML de nuestra plantilla y sin expandir artilugios buscamos esta línea de código:

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Tendremos en cuenta que si le hemos puesto algún título a nuestro elemento de Etiquetas, se verá en esa línea title=
Lo mismo que si, por ejemplo, tenemos mas de un elemento de Etiquetas añadido, entonces cambiará el id= por id=2, id=3...

[3] Una vez localizado el elemento correcto, cambiamos esa línea de código por esto:
<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'>

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Etiquetas del Escaparate</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


[4] Cambiamos en el código donde dice Etiquetas del Escaparate por lo que vamos a mostrar en el menú cuando está "recogido".
Usamos la vista previa y si ha ido todo bien, guardamos cambios.

Así se verá


Nota
Este widget funcionará igual que el de "archivos" de Blogger, es decir, automáticamente se añadirá al menú cada nueva etiqueta que coloquemos en las entradas.

0 comentarios:

Publicar un comentario