Tutorial: Cómo agregar un gadget de posts más comentados en Blogger

Gorak Seguir

Gamma
Verificación en dos pasos desactivada
Desde
22 Mar 2015
Mensajes
238
Nuevo-gadget-de-posts-más-comentados-para-Blogger[1].png
Demo del Truco

Para agregar este gadget a tu blog de Blogger solo debes ir a Diseño, Añadir gadget, HTML/JavaScript y pegar allí el siguiente código:

HTML:
<div id="most-comments"></div>
<style scoped='' type='text/css'>
#most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #fc4f3f;border:1px solid #e6e6e6;transition:all .6s}#most-comments ul li:hover{box-shadow:inset 310px 0 #fc4f3f}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:#fff}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#383838;color:#fff!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#fc4f3f}
</style>
<script type='text/javascript'>
//<![CDATA[
var numPosts=10;
var homePage="www.tu-web.blogspot.com";
var postTitlear=new Array();
var postUrlar=new Array();
var postCommentar=new Array();
var totalpost;document.write('<div id="most-comments"><ul>');
function mostComment(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];}};
postTitlear.push(c);
postUrlar.push(g);
postCommentar.push(b)}sortPosts();
for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+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="http://'+homePage+'/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>');
document.write('</li>')
document.write('</ul>')
document.write('</div>');
//]]>
</script>

Ahora solo queda reemplazar tu-web.blogspot.com por la URL de tu blog (en el mismo formato que está señalado, eso quiere decir sin las http://).

Espero que este truco te haya sido de utilidad, no olvides comentar si tienes alguna duda al respecto. :welcoming:
 
Última edición:

Carambel

Ómicron
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Feliz cumpleaños!
Desde
25 Ago 2013
Mensajes
4.926
Genial aporte gracias :encouragement:


Sent from my Nokia Lumia 520 using Tapatalk
 

enghels

Diseñador
Verificación en dos pasos desactivada
Desde
1 Oct 2014
Mensajes
678
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Grande aporte, quizás lo incluya en mi blog :encouragement:
 

sergio18

Delta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Nov 2014
Mensajes
593
esto es solo para los post mas comentados con el sistema nativo no?
 

davidtorresruiz

Delta
Programador
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
5 Ene 2014
Mensajes
561
Hola disculpa pero no se ve el menu cuando lo pego en el codigo html de mi blogger...
 

gabcor

Gamma
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
4 Jun 2012
Mensajes
178
Solo me toma las ultimas entradas, hay alguna forma que tome todas las entradas del blog? son unas 12000
 

Pixtoons

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
2 May 2013
Mensajes
353
Excelente aporte, muy bueno lo tomare para un blog que tengo
 

Humoristech

1
Ni
Redactor
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Suscripción a IA
Desde
14 Ene 2019
Mensajes
3.537
Edad
49
Saludos. Desconocía éste tutorial. Le daré uso colocándolo debajo de los artículos para atraer más el rebote interno y la permanencia en el blog. Muy agradecido.
 

Coderz

Préstamo
1
Iota
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
30 Ene 2019
Mensajes
2.438
Gracias lo tomare en cuenta...
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba