Títulos de entradas por etiqueta + Feeds

Hace algún tiempo veíamos la forma de colocar en nuestro blog un widget para las etiquetas que ofrecía la posibilidad de  suscribirse a una etiqueta determinada.

Por otro lado, hace unos días os explicaba la forma de añadir un widget para las etiquetas que mostraba los títulos de las entradas contenidos en cada etiqueta.

Gracias a la consulta que me hacía un lector del Escaparate, he probado la manera de incluir los dos "trucos" en uno, es decir, tendremos un widget para las etiquetas que mostrará los títulos de cada una de forma desplegable y, al mismo tiempo, mostrará el icono con la posibilidad de suscribirse a cada etiqueta de forma individual.

Ya sabéis que Blogger permite el uso de más de un widget para las etiquetas, pero aún así, lo más lógico si vamos a usar este widget, sería eliminar el que estemos usando de los dos anteriores y dejar solo este último.


Antes de empezar, nos descargamos el script que hace funcionar el gadget (botón derecho, guardar como) a nuestro PC y lo subimos a un alojamiento de archivos.


[1] Nos situamos en nuestro panel de Blogger en "Edición HTML" para localizar esta línea sin expandir l plantilla de artilugios:

<b:section class='sidebar' id='sidebar' preferred='yes'>

[2]Pegamos 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://TU_BLOG.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>
<a expr:href='data:post.url + "/feeds/posts/default/-/" + data:label.name'><img src='http://3.bp.blogspot.com/_8PJ-pgoBhWQ/SP9USfdc9aI/AAAAAAAAEgk/LKHLLAOgJ68/s320-R/16-rss-square.png'/></a>
<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>

[3] Cambiamos en el código donde dice "TU_BLOG" (resaltado en color naranja) por el nombre del blog donde hemos colocado el widget.
Si queremos usar un icono distinto al del ejemplo,sustituimos la url de la imagen (resaltada en azul) por la del nuestro.