Gadget de Entradas más Comentadas

Si eres de los que tienes un blog con gran cantidad de comentarios y quieres mostrarle a tus usuarios cuales son esas entradas mas comentadas, este truco es para ti. Es un excelente truco ya que nos permite a los webmasters mostrarles fácil y rapidamente a los visitantes cuales son los otros artículos con más comentarios, lo que quizás los anima a visitar más nuestros artículos.

En el truco de hoy enseñare como agregar un gadget con las entradas más comentadas y su respectivo numero de comentarios, así que empecemos con el tutorial de hoy. Si sigues los pasos tal y como lo hemos hecho nosotros, te tiene que quedar un excelente gadget como el que hemos colocado arriba en la imagen.

Como veníamos comentando unas lineas arriba, verdaderamente es un gadget muy interesante ya que podemos, con un abrir y cerrar de ojos, completar nuestra barra lateral (o sidebar) con unos excelentes gadgets que tienen una única utilidad, mostrarle al visitante cosas interesantes.

Piensa que si le dejas a tus visitantes en una zona visible este gadget, leerán los títulos y pensarán en lo interesante que debe ser ese artículo por tener más de 100 o 200 comentarios, asique entrará lo leerá, y por qué no, se hará suscriptor de tu blog si le gustó mucho.

En fin, a continuación te vamos a comentar cómo hacer para tener este gadget. Para agregarlo, solo ve a Diseño, Añadir Gadget, HTML/JavaScript y pega lo siguiente:

<script language='javascript'>
aBold = true;
numposts=500;
maxshowresult=10;
home_page = "URL DE TU BLOG";
</script>
<script type='text/javascript'>
//<![CDATA[
var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comentarios)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>

Donde dice URL DE TU BLOG, reemplaza esa frase por lo que se indica y guarda los cambios.

Como ves es un truco muy fácil de agregar y muy útil para resaltar la popularidad de tu blog.