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.


20 comentarios

Marbetvil BV · julio 31, 2013 a las 10:32 pm

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

Rigo · agosto 21, 2013 a las 12:38 am

¡Gracias! Me ha funcionado bien. 🙂

Pablo J · septiembre 20, 2013 a las 6:52 pm

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.

JorgeP · septiembre 30, 2013 a las 11:39 am

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

CaCiclon · octubre 6, 2013 a las 1:37 am

Exelente

Daniel · octubre 16, 2013 a las 12:12 am

Gracias por la informacion

Arnaldos · octubre 24, 2013 a las 3:49 pm

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

Juvinao · octubre 24, 2013 a las 8:21 pm

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

Saludos

arnaldos · octubre 25, 2013 a las 2:48 pm

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

Corazon de Guatemala · noviembre 2, 2013 a las 10:55 pm

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

Anonymous · noviembre 14, 2013 a las 12:18 am

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

    Hayder Juvinao · noviembre 22, 2013 a las 9:51 pm

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

Franz Bacapo · diciembre 20, 2013 a las 8:20 pm

Este comentario ha sido eliminado por el autor.

MrLoco · abril 22, 2014 a las 2:54 am

Genial funcionando, muchas gracias

Luis Return · abril 29, 2014 a las 7:08 pm

hay algun gadget pero para los comentarios de facebook ?

Nitro Sonic · abril 30, 2014 a las 12:28 pm

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

Jane Lasso · septiembre 1, 2014 a las 11:43 am

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.

Responder a JorgeP 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 *