TOP COMENTARISTAS

No se si os gusta o no, pero a mi me encanta descubrir cosas para "tunnear" el blog.
Me pidieron que explicara como poner el widget de "Top comentaristas".

Instalación:

Diseño/añadir gadget/ html script

Añadir este código (basado en los últimos 500 comentarios del blog)

<script type="text/javascript"><br />function pipeCallback(obj) {<br />document.write('<ol>');<br />var i;<br />for (i = 0; i < href = "'" link ="=" item ="">" + obj.value.items[i].title + "</li>"; else var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ol>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=2351a7b3195ee95ef3643998bc8def5e&url=http%3A%2F%2Fana-diaadia2.blogspot.com&num=10&filter=Ana" type="text/javascript"></script>


Basado en los últimos 5000 comentarios del blog :

<script type="text/javascript"><br />function pipeCallback(obj) {<br />document.write('<ol>');<br />var i;<br />for (i = 0; i < href = "'" link ="=" item ="">" + obj.value.items[i].title + "</li>"; else var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ol>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Fana-diaadia2.blogspot.com&num=10&filter=Ana" type="text/javascript"></script>

No olvidar cambiar donde dice ana-diaadia2 por el nombre de vuestro blog.
El gadget muestra los 10 comentaristas más activos, si queréis mostrar más o menos, cambiáis donde dice &num=10 por el número que necesitéis.
Para que vuestro nombre no aparezca en la lista, lo colocáis (tal como lo usais en el blog) sustituyendo al mio (Ana) en el código.

También podéis cambiar la numeración por un ícono, como he hecho yo.
Así sería la diferencia:



[1] Primero en el gadget, vamos a poner
<div id="topcoment">

al comienzo del código y
</div> al final.

Luego sustituimos en el código las etiquetas
(<ol> y </ol>) por (<ul> y </ul>) respectivamente y guardamos los cambios en el gadget.

[2] Vamos después a "Edición HTML" de nuestro panel y en el CSS de la plantilla (antes de ]]>) colocamos este código:

#topcoment li{<br />padding-left: 30px;<br />background: url(<span style="color: rgb(204, 0, 0);">URL_DEL_ICONO</span>) no-repeat top left;<br />}


Guardar cambios y ya lo tenéis!

P.S.

Podéis usar ImageShake para subir el ícono y obtener la dirección.
Los íconos, encontraréis con Google un montón de ellos gratuítos.

Fuente : El escaparate de Rosa