Widget Articles Populaires - Les messages les Plus Commentés de votre blog Blogger

Voici le widget "Articles Populaires" / "Articles les Plus Commenté" qui affiche une list des articles du blog classés selon leur nombre de commentaires.

Ce widget affiche le titre des articles ainsi que le nombre de commentaires.

Installation:

Connectez vous à Blogger, Allez dans "Mise en page", cliquez sur "Ajouter un gadget" puis sur "HTML/JavaScript" et copier / coller le code suivant :

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
document.write('</ul>');
}document.write('<a style="font-size: 8px; text-decoration:none; color: #cccccc;" target="_blank" href="http://www.leblogger.com/">Le Blogger</a>');}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2FAdresse de votre Blog ici sans http:// &num=7" type="text/javascript"></script>

Pour ne pas afficher le nombre de commentaires à coté des Titre du widget "Articles Populaires" utilisez ce code:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
document.write('<a style="font-size: 8px; text-decoration:none; color: #cccccc;" target="_blank" href="http://www.leblogger.com/">Le Blogger</a>');}
</script><a href='http://wwww.leblogger.com' style='display:none;'>Blogger</a>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2FAdresse de votre Blog ici sans http:// &num=7" type="text/javascript"></script>