Títulos de entrada por etiquetas

Una forma para presentar las etiquetas en nuestro blog que facilitará aún más a nuestras visitas el encontrar la entrada que más les interese usando las etiquetas.

El widget mostrará las etiquetas del blog con una flechita al lado que al pinchar en ella desplegará el título de las entradas con esa etiqueta, una vez localizado el título de la entrada que nos interese, y pinchando sobre el mismo, accederemos a esa entrada en concreto.

Lo mejor de todo es que podemos controlar desde el código, el número de los títulos a mostrar, aunque si ponemos demasiados tardarán un poco en cargar y, mientras tanto, se mostrará un texto de "Cargando entradas...".

[1] En primer lugar nos descargamos el script que hace funcionar el gadget a nuestro PC, lo descomprimimos y lo subimos a un alojamiento de archivos.

[2] Nos situamos en nuestro panel de Blogger y pinchamos en la pestaña "Edición Html", una vez allí y sin expandir las plantillas de artilugios localizamos el código correspondiente a la sidebar y los elementos añadidos en ella y que ha de mostrarse parecido a esto:

[3] Fijaros que nuestra sidebar empieza con <div id='sidebar-wrapper'> y acaba con </b:seccion>  y es justo ahí, sobre </b:seccion>  donde hemos de "pegar" este código:

<b:widget id='Label12' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<script type='text/javascript'>
home_page = &quot;http://elescaparatederosa.blogspot.com/&quot;;
max_rc_posts = 10;
</script>
<script src='URL_DEL_SCRIPT' type='text/javascript'/>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<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 dir='ltr'>(<data:label.count/>)</span> <a expr:onclick='&quot;showPostLabel(\&quot;&quot; + data:label.name + &quot;\&quot;,event)&quot;' href='javascript:void(0)'>&#9658;</a>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
<span dir='ltr'>(<data:label.count/>)</span> <a expr:onclick='&quot;showPostLabel(\&quot;&quot; + data:label.name + &quot;\&quot;,event)&quot;' href='javascript:void(0)'>&#9658;</a>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>

[4]Cambiamos ahora los datos que están coloreados por los nuestros, es decir, http://elescaparatederosa.blogspot.com por la url del blog donde estamos añadiendo el widget y en max_rc_posts = 10; pondremos el número de entradas que vamos a mostrar debajo de cada etiqueta.

Por supuesto que hemos de sustituir donde dice en mayúsculas "URL_DEL_SCRIPT" por la url del script que nos hemos descargado antes.

[5] Guardamos los cambios.


Notas:

Si queremos eliminar el contador de entradas, es decir el número de entradas por etiqueta que se muestra después de cada una de estas,  localizamos (<data:label.count/>) y lo borramos.

He puesto 12 en el id del elemento, será difícil que de problemas de instalación ya que supongo que nadie estará usando doce elementos "Etiquetas" a la vez, aunque si se diese el caso, solo habría que cambiar el 12 por un número que no estemos usando para ese elemento (Etiquetas).

El estilo del widget se adaptará al de los demás elementos de nuestra sidebar.