Mil Trucos Blogger

Gadget de Posts al Azar con imagen en miniatura

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

27 Comentarios

  1. Anonymous Anonymous
    agosto 31, 2012    

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

  2. agosto 31, 2012    

    Funciona perfecto

  3. agosto 31, 2012    

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

    • agosto 31, 2012    

      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 😛

  4. septiembre 1, 2012    

    ok gracias

  5. septiembre 2, 2012    

    ¡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

    • septiembre 2, 2012    

      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.

  6. septiembre 4, 2012    

    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

    • septiembre 4, 2012    

      Edinson a que te refieres a que los publique?

      Si es asi ya he publicado ambos fanbox ..

  7. septiembre 15, 2012    

    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

    • septiembre 15, 2012    

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

      Si logro crear otro gadget te avisare.

    • septiembre 16, 2012    

      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

  8. octubre 6, 2012    

    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!

    • octubre 7, 2012    

      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:

  9. octubre 19, 2012    

    Me Ha gustado mucho este gadget

    • octubre 20, 2012    

      Que bueno que te haya gustado Jean Carlo

  10. diciembre 7, 2012    

    Perfecto ^_^

    • diciembre 7, 2012    

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

  11. abril 9, 2013    

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

    • abril 9, 2013    

      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?

    • mayo 5, 2013    

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

  12. septiembre 12, 2013    

    Me gustaba su diseño de antes 😕

    • septiembre 14, 2013    

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

      Saludos

    • septiembre 14, 2013    

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

  13. octubre 12, 2013    

    No me funciona 🙁

  14. marzo 4, 2014    

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

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo