30 de agosto de 2012

Gadget de Posts al Azar con imagen en miniatura

Ya habia 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.





21 comentarios:

  1. Muy bueno el gadget lo voy a poner en mi blog :D

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

    ResponderEliminar
    Respuestas
    1. 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 :P

      Eliminar
  3. ¡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

    ResponderEliminar
    Respuestas
    1. 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.

      Eliminar
  4. 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

    ResponderEliminar
    Respuestas
    1. Edinson a que te refieres a que los publique?

      Si es asi ya he publicado ambos fanbox ..

      Eliminar
  5. 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

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

      Si logro crear otro gadget te avisare.

      Eliminar
    2. 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

      Eliminar
  6. 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!

    ResponderEliminar
    Respuestas
    1. 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:

      Eliminar
  7. Respuestas
    1. Si, este truco funciona :P Gracias por tu comentario Gabriella.

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

    ResponderEliminar
    Respuestas
    1. 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?

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

      Eliminar

Comenta y exprésate, Tu opinión es importante