Inserire il widget dei top commentatori in blogger

Come ho già scritto in altri miei post, al lettore di un blog, o di un sito in generale, fa sempre piacere essere consideratoe sentirsi importante; non c'è dubbio che vedere appena si entra un bel "Ciao Enrico, benvenuto!" dà una certa soddisfazione.
Un bel widget che premia i tuoi lettori più "accaniti" è quello relativo ai top commentatori, una piccola classifica dei commentatori più fedeli.

Andiamo allora a vedere come installare questo simpatico widget; te ne propongo due. Il primo considera solamente gli ultimi 500 commenti ed è quindi consigliabile a chi non ha un gran numero di commentatori mentre il secondo considera gli ultimi 5000, decisamente per blog più "vissuti"

Come installare il widget:

1- Vai su Layout --> Elementi pagina

2- Aggiungi un elemento di tipo html/javascript

3- Incolla questo codice sostituendo TUO_BLOG con il tuo URL

<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=2f414149ab66e0892a6a179016f93019&url=http%3A%2F%2FTUO_BLOG.blogspot.com&num=10&filter=" type="text/javascript"></script>

4- Salva

Per installare il secondo widget, quello adatto a chi ha molti commenti segui le stesse operazioni ma usa la porzione di codice che trovi qui di seguito

<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=26191599715c07fbeaa491a5729e478b&url=http%3A%2F%2FTUO_BLOG.blogspot.com&num=10&filter=" type="text/javascript"></script>

Altri articoli simili:

Posted in: Commenti,Tutorials,Widget