Gadget "posts mas populares"

Los posts mas populares son solamente las entradas que publicamos que tienen la mayor cantidad de comentarios en Blogger.

Si queremos que los lectores o visitantes puedan ver las mejores entradas (segun la cantidad de comentarios), podemos agregar un gadget como este:

Es muy sencillo de agregar, hagamos esto:

Vamos a Diseño/ Elementos de la pagina y agregaremos un gadget, despues seleccionaremos la opcion HTML/Javascript. Ahora vamos a pegar el siguiente script:

<div id="Popular">
<script language="JavaScript">
aBold = true;
numposts=100;
maxshowresult=10;
home_page = "http://URL DEL 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]+"</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>
</div>

Podemos cambiar aBold = true esto es para que los links esten en negritas, pero si no quieres que esten asi cambia true por false.

numposts=100 esto es el numero de entradas que tenemos pero si tu tienes mas de 100 cambialo por la cantidas que tengas.

maxshowresult=10 esto es el numero de links que quieres que aparescan en el gadget, solo cambia el numero 10 por la cantidad que desees.

Y por ultimo la URL DEL BLOG por la url de tu pagina.

Solo guarda el gadget y ya podras visualizarlo.

Es muy facil.

Posted in: gadgets/widgets, HTML/CSS, javascript