Etiquetas en forma de menú desplegable
Si añadimos un nuevo elemento de "Archivos" a nuestra sidebar, tendremos tres maneras distintas para mostrar los archivos, 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", pero podemos lograrlo y obtener una barra de menú desplegable como esta.
Seguiremos estas instrucciones:
Nos vamos a diseño, y añadimos el elemento "Etiquetas" a nuestro blog (si no lo hemos añadido antes)
Abrimos la pestaña 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'/>
Si el elemento etiquetas ya tenía un título, se verá en esa línea de esta forma:
ejemplo: title= Tutoriales
Lo mismo que si, por ejemplo, tenemos más de un elemento de Etiquetas añadido, entonces cambiará el id= por id=2, id=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>Tutoriales</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>
Cambiamos en el código donde dice Tutoriales por lo que vamos a mostrar en el menú cuando está "recogido".
Usamos la vista previa y si ha ido todo bien, guardamos cambios, y listo.
Automáticamente se añadirá al menú cada nueva etiqueta que coloquemos en las entradas.
Es opción no está disponible cuando el elemento que añadimos es el de "Etiquetas", pero podemos lograrlo y obtener una barra de menú desplegable como esta.
Seguiremos estas instrucciones:
Nos vamos a diseño, y añadimos el elemento "Etiquetas" a nuestro blog (si no lo hemos añadido antes)
Abrimos la pestaña 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'/>
Si el elemento etiquetas ya tenía un título, se verá en esa línea de esta forma:
ejemplo: title= Tutoriales
Lo mismo que si, por ejemplo, tenemos más de un elemento de Etiquetas añadido, entonces cambiará el id= por id=2, id=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>Tutoriales</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>
Cambiamos en el código donde dice Tutoriales por lo que vamos a mostrar en el menú cuando está "recogido".
Usamos la vista previa y si ha ido todo bien, guardamos cambios, y listo.
Automáticamente se añadirá al menú cada nueva etiqueta que coloquemos en las entradas.
0 Response to Etiquetas en forma de menú desplegable
Publicar un comentario