Ya había compartido hace meses un gadget de posts al azar pero aquel solo mostraba el titulo de la entrada,en cambio el que les presento hoy viene con una imagen en miniatura,la fecha en que fue publicada y el numero de comentarios de cada entrada.


Para agregar este gadget primero debes pegar antes de ]]></b:skin> lo siguiente:

 #random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:70px;height:70px;padding:3px}

Ahora en un elemento HTML/JavaScript pega lo siguiente:

 <ul id='random-posts'>
    <script type='text/javaScript'>
    var rdp_numposts=5;
    var rdp_snippet_length=150;
    var rdp_info='yes';
    var rdp_comment='Comentarios';
    var rdp_disable='Comments Disabled';
    var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts"></script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
    </script>
    <script type='text/javaScript'>
    function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://2.bp.blogspot.com/-XQt2v4x5dl8/T1zdpFh392I/AAAAAAAABUU/xMJZDedw38k/s1600/default.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts"></script>')};
    </script>
    </ul>

El 5 que esta resaltado en azul es el numero de posts a mostrar,puedes cambiarlo por el numero que quieras.


27 comentarios

Anonymous · agosto 31, 2012 a las 12:53 am

Muy bueno el gadget lo voy a poner en mi blog 😀

Chavo · agosto 31, 2012 a las 12:02 pm

Funciona perfecto

Chavo · agosto 31, 2012 a las 12:16 pm

sabas que me di cuenta que no muestra las mini imagenes, que podra ser? este es mi blog http://todo-anime-gratis.blogspot.com

    Juvinao · agosto 31, 2012 a las 3:53 pm

    Chavo lo que pasa es que para que se vean las imagenes,estas deben estar alojadas en el blog y no en servidores externos.. y tu tienes imagenes alojadas en Imageshack.

    Saludos 😛

Chavo · septiembre 1, 2012 a las 1:53 am

ok gracias

Nicolás Emilio García Palacios · septiembre 2, 2012 a las 6:10 pm

¡Hola, Chavo! También me pasa que no aparecen las imágenes. Todas son subidas desde Google Imágenes, a través de URL cuando edito las entradas. ¿Qué debo hacer?

Mientras hallo solución, quito el gadget, para no dar mala impresión a los visitantes.

¡Bendiciones!

http://poesiaubuntu.blogspot.com

    Juvinao · septiembre 2, 2012 a las 10:43 pm

    Nicolás acabo de hacerle pruebas al script y funciona muy bien lo unico es que las imagenes que no son subidas directamente al blog no se muestran.

Edinson Rodriguez · septiembre 4, 2012 a las 4:27 am

Hey Juvinao Coloca los likes box de facebook y de twitter flotantes y deslizantes laterales. Colocalos En la pagina por favor gracias y muchos saludos

    Juvinao · septiembre 4, 2012 a las 4:17 pm

    Edinson a que te refieres a que los publique?

    Si es asi ya he publicado ambos fanbox ..

Ximo · septiembre 15, 2012 a las 1:33 pm

Muy bueno el gadget JUVINAO, felicidades. Original, kurrado y funciona de maravilla.

Hace tiempo que busco un TOP TEN COMENTARISTAS que funcione de verdad, no que funcione una semana y luego se vuelva loco. Voy a ver si has publicado uno nuevo y no me ha llegado por mail. Pero no una nube, sino un Ranking con numeración y desde el comienzo del blog y no de los últimos 500 comentarios ni nada de eso. Me apetece tenerlo desde hace mucho tiempo y poder elegir cuántos aparecen y discriminar si quiero que alguien no aparezca, como yo mismo.

Si alguien me puede aconsejar, lo agradecería…

Saludos a todos!!1

    Juvinao · septiembre 15, 2012 a las 7:53 pm

    Ximo hace ya como 1 año publique ese gadget pero ha dejado de funcionar.

    Si logro crear otro gadget te avisare.

    Ximo · septiembre 16, 2012 a las 8:25 am

    Lo añadí en su día Juvinao pero como bien dices, dejó de funcionar. En el post en el que lo publicaste dejé ayer un comentario y ví que hacía tiempo del anterior comentario y me hablaste de su dificultad.

    Gracias de todas maneras. Seguiré al corriente para ver si consigues que funcione.

    Saludos

Emilio García Jr. · octubre 6, 2012 a las 7:49 pm

Hola, Juvinao; saludos desde Bogotá. No sabía de tu origen. Me encanta saber que tengo un compatriota tan piloso como tú. Felicitaciones, y éxitos, mi hermano.

De veras que me he nutrido mucho de tu sabiduría, por eso hace tiempo estoy suscrito a tu Blog.

Me gustaría que le echaras un vistazo a mi Blog, para ver qué tal, especialmente en lo de diseño.

Mil gracias por todo.

¡Bendiciones!

    Juvinao · octubre 7, 2012 a las 7:32 pm

    Gracias señor Emilio por tu comentario, es muy raro encontrar colombianos en la blogosfera hispana pero sin duda cada dia somos mas..

    Visite tu blog y de verdad tienes un excelente diseño…

    Saludos compatriota :alaba:

Jean Carlo · octubre 19, 2012 a las 6:16 pm

Me Ha gustado mucho este gadget

    Juvinao · octubre 20, 2012 a las 4:49 pm

    Que bueno que te haya gustado Jean Carlo

Gabriella Yu · diciembre 7, 2012 a las 1:13 am

Perfecto ^_^

    Hayder Juvinao · diciembre 7, 2012 a las 8:47 pm

    Si, este truco funciona 😛 Gracias por tu comentario Gabriella.

Joey Arroyo O. · abril 9, 2013 a las 9:09 am

Saludos!!! muchas gracias por este gadget!!! =) crees q hay alguna forma de quitar que aparezcan los comentarios y la fecha??? gracias!!!

    Alberto Franco · abril 9, 2013 a las 11:40 am

    si quitas eso quitar las gracia del gadget lo que interesa es mirar la hora que han puesto la entrada y cuantos comentarios tienes si quitas eso pa que quieres el gadget?

    Fernando Cordova · mayo 5, 2013 a las 1:57 pm

    Yo tambien deseo quitar los comentarios y la fecha. Simplemente no los quiero

Jonathan LR · septiembre 12, 2013 a las 3:21 pm

Me gustaba su diseño de antes 😕

    Hayder Juvinao · septiembre 14, 2013 a las 3:03 pm

    Jonathan a mi también me gustaba mucho el otro diseño pero este me gusta mucho también 😈

    Saludos

    Jonathan LR · septiembre 14, 2013 a las 3:11 pm

    Juvinao de agradecería si me dijeras el nombre de la plantilla anterior 😀

Patricio Elias · octubre 12, 2013 a las 1:44 pm

No me funciona 🙁

ruben iglesias perez · marzo 4, 2014 a las 10:16 pm

son fijos los posts o van cambiando? :-d muchas gracias por compartir

Responder a ruben iglesias perez Cancelar la respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *