Gadget de post (entradas) populares


Cada blog tiene algunos post que tienen un mayor número de visitas que otras entradas, lo que se refleja muchas veces en una mayor cantidad de comentarios.
Hoy veremos cómo agregar un gadget que ayudará a nuestros lectores a tener presente las entradas más populares de nuestro blog.


Este gadget es sencillo de implementar siguiedo los siguientes pasos:

1.§ Vamos a Diseño - Elementos de la página - Añadir un gadget y HTML/Javascript.

2.§ Pegaremos el siguiente código JavaScript:
<div id="Popular">
<script language="JavaScript">
aBold = true;
numposts=200;
maxshowresult=10;
home_page = "http://TUBLOG.blogspot.com/";
</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>

Deberemos de sustituir http://TUBLOG.blogspot.com/ por la URL de nuestro blog. Damos click a Guardar.

3.§ En el código podemos modificar lo siguiente:
» aBold = true; si no queremos que los títulos estén en negrita podemos cambiar true por false.
» numposts=200; es el número de post de donde se saca el promedio de post populares; si tenemos más de 200 post deberemos cambiar este número.
» maxshowresult=10; es el número de post que se mostrarán en el gadget; podemos aumentarlo o disminuirlo.

4.§ También podemos agregar algunos estilos al gadget. Para ello vamos a Diseño - Edición de HTML y con ayuda de CTRL+F buscamos ]]></b:skin> y encima de éste pegaremos lo siguiente:
#Popular {
/*Estilos para el contenedor */
}
#Popular ul {
/*Estilos para la lista de links */
}
#Popular li {
/*Estilos para cada link de la lista */
}
#Popular a {
/*Estilos para los links */
}
#Popular a:hover {
/*Estilos para los links cuando pasamos el mouse encima*/
}

Dentro de las llaves {} escribiremos el estilo que querramos darle a nuestros enlaces del gadget y damos click a Guardar.

Visto en : Blogger´SPhera

19 opinaron:

G

Lo voy a aplicar enseguida :)

Responder
squirrel

No conocía este gadget; se ve sencillo de implementar

Responder
Yessmi

Lo añadí a mi blog se ve genial

Responder
Graciela

Muy bueno Jéssi y simple...lo haces simple para los 'que copiamos y pegamos'.

Muchos besos, buen domingo y una semana genial :P

Responder
Gildo Kaldorana

Gracias, lo probare más tarde, parece muy interesante.
Saludos

Responder
EmmaX

Hola tengo una consulta, queria saber si se puede hacer algo para que todos los links que tengo en el blog se habran en una nueva pestaña, sin tener que colocarle la propiedad target="blank" a cada link. Espero tu respuesta, desde ya gracias

Responder
Jéssica YK

» Gildo Kaldorana:
Sí, creo que te será una herramienta de mucha utilidad.

S@lu2

Responder
Jéssica YK

» EmmaX:
Para abrir todos los links de tu blog en una nueva pestaña, mira esta entrada.

S@lu2

Responder
CHINGUARRIO

HASTA CUANDO SE REFLEJA LA POPULARIDAD DE LOS SPOTS, PUES HICE LA OPERACION Y LO QUE ME APARECE SON LOS ULTIMOS VEINTE PUBLICADOS

Responder
Jéssica YK

» CHINGUARRIO:
Este gadget, para medir el nivel de popularidad de los post, toma en cuenta el número de comentarios de cada entrada.
Si tienes algún problema con la implementación de este gadget, indícame en cuál de tus blogs lo has instalado.

S@lu2

Responder
Ana Laura

Genial, tu explicación es sencilla y funciona perfectamente, ya lo coloqué en mi blog, muchas gracias.

Saludos!

Responder
Jéssica YK

» Ana Laura:
Se ve muy bien en tu blog!

S@lu2

Responder
Fherguzon Fletcher

Gracias, me sirvuo el codigo. :D

Responder
Jéssica YK

» Fherguzon Fletcher:
Me alegra que te haya servido !

S@lu2

Responder
Omar de Jesus Aquino

Saludos> Tengo un a;o buscando este codigo, de inmediato lo voy a probar,
agradecido de antemano

Responder
Omar de Jesus Aquino

Acabo de montar el script, funciono bien,
Gracias

Jéssica YK

» Omar de Jesus Aquino:
Me alegra que el post te haya resultado de ayuda :)
S@lu2

Responder
Sakura Hatake

DISCULPA SABES COMO HACER QUE EL POST DE ENTRADAS POPULARES LUZCA COMO ESTE BLOG
QUISIERA SABER SI ME PUEDES DECIR COMO HACER QUE MIS POST POPULARES APARESCAN COMO ESTE BLOGGER

http://originalsoundtrackanime.blogspot.mx/


: ( AYUDAME PORFAVOOR!!!!

Responder
luisa

muy bueno me ha servido muchisima gracias , has embellecido mi blog

Responder

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio