Top comentaristas (Ganando enlaces)

Hace tiempo publiqué una entrada sobre como añadir una lista con los comentaristas más activos de nuestro blog (top de comentaristas).

En aquella ocasión el gadget funcionaba con una Pipe de Yahoo que yo misma había creado a base de "estudiar" las Pipes que otros habían hecho antes. El mayor inconveniente que ese gadget presentaba, era que el enlace de cada comentarista, llevaba a una página de Google donde se mostraban los comentarios de esa persona en concreto.

En esta ocasión os traigo un gadget que muestra el nombre de los que más comentan en el blog y que he encontrado en Blogger Widgets.
La diferencia con el anterior es que el enlace del nombre de cada comentarista lleva directamente a su perfil de Blogger o a su blog en el caso de que haya comentado con su url.

Tenéis que añadir el código en un gadget HTML-Javascript y cambiar donde dice elescaparatederosa 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 (Rosa) en el código.
Si además queréis filtrar el nombre de algún otro comentarista, ponéis sus nombre a continuación del vuestro separados cada uno por una coma.

Hay que tener en cuenta que la carga de las Pipes no es demasiado rápida, por lo que es conveniente ser prudente con el número de comentaristas a mostrar en la lista.
Es también recomendable no usar el gadget en la parte superior de la sidebar, ya que si demora en cargar podría interrumpir la carga de esta.

Top comentaristas basado en los últimos 500 comentarios del blog.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; if(obj.value.items[i].link == "") var item ="<li>" + 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%2Felescaparatederosa.blogspot.com&num=10&filter=Rosa" type="text/javascript"></script>

Top comentaristas basado en los últimos 5000 comentarios del blog.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; if(obj.value.items[i].link == "") var item ="<li>" + 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%2Felescaparatederosa.blogspot.com&num=10&filter=Rosa" type="text/javascript"></script>

Sustituir la numeración de la lista por un icono.

Una vez colocado el gadget, su aspecto será como cualquier lista numerada (Imagen 1)  pero podemos fácilmente sustituir los números de la lista por un icono (Imagen 2).

[1] Editamos el gadget donde hemos incluido el código para mostrar el Top de comentaristas, colocando todo el código en un <div>, es decir, ponemos
<div id="topcoment"> al comienzo del código y </div> al final.
Sustituimos en el código las etiquetas <ol> y </ol> por <ul> y </ul> respectivamente y guardamos los cambios en el gadget.

[2] Iremos entonces a "Edición HTML" de nuestro panel y en el CSS de la plantilla (antes de ]]></b:skin>) colocamos este código:

#topcoment li{
padding-left: 30px;
background: url(URL_DEL_ICONO) no-repeat top left;
}

Aporte de J. Úbeda:

Para filtrar tu propio usuario cuando lleva alguna letra acentuada, es necesario codificarlo para que lo reconozca, por ejemplo J.Úbeda sería: filter:J. &Uacute;beda

En esta web podéis ver al final de la página una tabla con la codificación de las entidades html más habituales.