Etiquetas que muestran los títulos de las entradas (2ª parte)

Ayer estaba respondiendo a un comentario en Tu blog y tu y tenía que buscar el título de una entrada para añadir el enlace en el comentario, así que pinché, en el gadget de etiquetas, en la que sabía que llevaba dicha entrada esperando ver los títulos, pero no sucedió nada.
Tras buscar el título por otro camino y publicar el comentario, entré en Edición de HTML de la plantilla para ver qué pasaba. ¡Sorpresa! el script que hacia funcionar ese truco estaba alojado en SkyDrive. ¡He ahí el problema!
Evidentemente los genios de microsoft habían modificado la dirección del script de marras.

Tras acordarme de todos sus antepasados, busqué el archivo en mi pc, para subirlo a otro sitio y ¡vaya por dios! había desaparecido.
Recordé que había tenido que cambiar el disco duro y pensé que por eso no estaba. Quizá ese archivo no se guardó cuando One Care hizo Back up, o vete a saber, así que volví a la fuente del truco, El escaparate de Rosa.

Descargué el archivo y lo subí a mi cuenta de yahoo, modifiqué la dirección en el blog y ahora vuelve a funcionar.

Pero ya que estaba allí (en el blog de Rosa), se me ocurrió colocar ese truco aquí.
El problema era que Rosa recomienda crear un segundo gadget de etiquetas con el script y las modificaciones correspondientes, y luego eliminar el que ya tuviéramos, pero eso a mi no me interesaba, ya que en el gadget ya tengo colocado un script, (el que hace que solo se vea ese [+ -], así que me puse pensar...
Y descubrí.....


El truco es tan simple como comparar el código que Rosa, o yo misma en esta entrada, damos, con el código de nuestra plantilla.
Localizar las partes que a continuación verás en azul y añadir las que verás en rojo. (Lo que haya en cursiva y negro es lo que has de personalizar, el 10 corresponde a la cantidad máxima de entradas que quieras que se muestren en cada etiqueta).

<b:widget id='Label1' locked='false'
title='Etiquetas' type='Label'>
<b:includable
id='main'>
<script type='text/javascript'>
home_page = &quot;http://la dirección de tu blog/&quot;;
max_rc_posts = 10;
</script>
<script
src='aqui-la-dirección-del-archivo'
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>

Y tener cuidado de no olvidar ningún apóstrofe, espacio o símbolo, que pueda provocar un error o malfuncionamiento del código.

Si estas explicaciones te parecen algo confusas, te recomiendo que primero mires la entrada en la que, originalmente, expliqué este truco. Allí encontrarás también el enlace para descargar el archivo.

¡Casi se me olvida! Por supuesto has de Expandir artilugios para ver ese código así.

Imprime esta entrada