Mil Trucos Blogger

Gadget de últimos comentarios expandibles para Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
En otras ocasiones ya he publicado gadgets de últimos comentarios para Blogger, pero el truco de hoy viene con algunas cosas adicionales, trae la fecha, hora, el nombre del usuario que comento y el nombre de la entrada, además al hacer clic en el pequeño icono de la cruz se ve el comentario completo, evitando que tengamos que ir a la entrada para ver el comentario completo.

Vista previa del gadget.

Para agregar este gadget a tu blog solo debes ir a Diseño, Añadir Gadget, HTML/JavaScript, estando allí pega el siguiente código:

<style type=”text/css” media=”screen”>
.row-aa {        background: #f2f2f3; }
.row-bb {        background: #F8F5F1; }
.row-div {
  margin:0px;
  padding:5px;
}
.comment-header {
  font-size:0.9em;
//  border:1px solid #E0E0E0;
//  background-color:#F3F3F3;
  padding:4px;
  margin-top:10px;
  margin-bottom:5px;
}
.comment-box {
  margin:0px;
  padding:0px;
  font-size:0.9em;
  height:500px;
  overflow:auto;
}
.comments1  {
//  background: #F3F3F3;
  padding:3px;
  border-left:1px dashed #A6A6A6;
  color: #888888;
  font-style: italic;
  padding-top:4px;
  margin-bottom:5px;
}
.comment-footer {
  text-align:center;
  font-size:0.9em;
  padding:4px;
  margin-top:5px;
}
</style>
<div style=”text-align: center” class=”comment-header”><input class=”comment-button” id=”commshowall” type=”button” onclick=”if (this.value == &#39;Mostrar Comentarios&#39;) { unfold_all(this); this.value=&#39;Ocultar Comentarios&#39;; } else { fold_all(this); this.value=&#39;Mostrar Comentarios&#39;; }” style=”width:13em;font-size:1em;font-family:Verdana,sans” value=”Mostrar Comentarios” /></div>
<div class=”comment-box”>
<script type=”text/javascript” src=”https://dl.dropboxusercontent.com/u/35784805/Mil%20Trucos%20Blogger/Comentarios%20Recientes%20Expandibles.js”></script>
<script type=”text/javascript”  src=”http://URL DE TU BLOG/feeds/posts/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentposts”>
</script>
<script type=”text/javascript”  src=”http://URL DE TU BLOG/feeds/comments/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentcomments”>
</script>
</div>

Ahora solo reemplaza lo que esta resaltado en color azul por la URL de tu blog (solamente por tublog.com o en su defecto www.tublog.com sin el http://) y guarda los cambios.

El script pertenece a Help Blogger, yo he traducido el script al español en su totalidad y he hecho otros pequeños cambios.

Espero que les haya servido este tutorial, y si ya usaste este truco cuéntanos que te ha parecido.

0
Shares

Relacionados...

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

20 Comentarios

  1. julio 31, 2013    

    Gracias por el gadget!
    Pero no me ha funcionado. He hecho todo lo que has descrito.
    Quizás es que esperaba que los comentarios que ya tengo en el Blog se integraran en el nuevo Gadget.
    Saludos

    • agosto 2, 2013    

      Marbetvil que sistema de comentarios usas en tu blog?

  2. agosto 21, 2013    

    ¡Gracias! Me ha funcionado bien. 🙂

  3. septiembre 20, 2013    

    Y cómo se hace para que te aparezcan por defecto los comentarios. ¿Es por la plantilla que usas? Porque yo no veo la forma de visibilizarlos por defecto cuando se accede al blog.

  4. septiembre 30, 2013    

    Me ha funcionado a la perfección.. es lo que andaba buscando. MUUUUCHAS GRACIAS !!!!

    • septiembre 30, 2013    

      JorgeP cierto que funciona muy bien 😉

      Saludos

  5. octubre 6, 2013    

    Exelente

  6. octubre 16, 2013    

    Gracias por la informacion

  7. Arnaldos Arnaldos
    octubre 24, 2013    

    Funciona perfectamente. ¿Pero se puede modificar algo para que aparezcan más de 20 comentarios?

  8. Juvinao Juvinao
    octubre 24, 2013    

    De poderse si se puede pero esto sobrecarga el blog, si aun quieres pues te lo diré 😉

    Saludos

  9. arnaldos arnaldos
    octubre 25, 2013    

    Bueno, es solo por probar. En máquina se carga el blog sin problema. He probado a sustituir 20 por 30 en la línea “/Comentarios%20Recientes%20Expandibles.js”>” pero así sólo aparece el botón “mostrar comentarios”. Sí lo explicas lo probaré.
    Gracias

  10. Corazon de Guatemala Corazon de Guatemala
    noviembre 2, 2013    

    Gracias lo he aplicado a mi blog…losinvitadosdeheidy.blogspot.com

  11. Anonymous Anonymous
    noviembre 14, 2013    

    Excelente aplicación, muy elegante y sobria, excelente para blog que quieren conseguir esa apariencia 😀 …. Muchas gracias!

    • noviembre 22, 2013    

      Amigo gracias por comentar, me agrada que uses mis tutoriales 😉

  12. noviembre 26, 2013    
  13. diciembre 20, 2013    

    Este comentario ha sido eliminado por el autor.

  14. abril 22, 2014    

    Genial funcionando, muchas gracias

  15. abril 29, 2014    

    hay algun gadget pero para los comentarios de facebook ?

  16. abril 30, 2014    

    Amigo es posible quitar la opción de mostrar comentarios ojala alguien me ayude please…
    ;(

  17. septiembre 1, 2014    

    Hola te iba a comentar que el gadget no está funcionando en mi blog y por lo que veo tampoco en la demostración pienso que a lo mejor tiene algún problema , espero lo puedas solucionar. supongo que el archivo qeu tiene problemas es el que está alojado en dropbox.

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