Widget de comentarios en mi blog de blogger

Hoy voy a revelar un truco tan simple de cómo publicar con un solo widget los comentarios que me dejan en mi blog de blogger, es muy fácil y sencillo. Con este widget de uso exclusivo en blogger podrán ubicarlo en la parte que ustedes gusten, no tendrán que ingresar al código HTML de su blog de blogger. Lo único que harán es insertar un código y realizar un solo cambio nada más. Bueno para que vean el funcionamiento de este widget de comentarios para blogger, les voy a dejar un enlace en el cual se encuentra su demostración, el widget de comentarios se llama "Comentario de mi blog"

A continuación mire su demostración en mi blog de demos


Ahora que ya han visto la demostración nos dirigimos a insertar el código

1 Abrir Blogger

2 Diríjase a “Diseño”

3 Abrir “Añadir un gadget”

4 Buscar el widget que dice “HTML/Javascript” e inserte el siguiente código en su interior

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 8,
showAvatar  = true,
avatarSize  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://cdn.statically.io/gh/Ayudadeblogger/re-comment/9c6f345d/re-comment.js"></script>
<script type="text/javascript" src="https://www.ayudadeblogger.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=8"></script>

Luego de que hayan insertado el código realice estos cambios:

Donde dice https://www.ayudadeblogger.com/ cámbielo por la dirección  URL de su blog de Blogger.

Si quieren que se muestre más comentarios o disminuir los comentarios de su widget realice lo siguiente:

En el código que dice numComments = 8,  cámbielo por el numero de comentarios que quiera mostrar, solo necesitaras cambiar el numero 8 por el numero que usted quiera, luego donde dice  max-results=8"> también deberá cambiar el numero 8 por el número de comentarios que quiera mostrar.

Ahora si quieres hacer más grande la imagen del comentario solo necesitas cambiar el número 50 que se encuentra en este código avatarSize = 50, por el numero que tu quieras, al igual que podrás reducirlo o aumentarlo.

Y por ultimo si quieres mostrar más palabras en los comentarios del widget, solo busca este código characters  = 60 y cambia el numero 60 por el número que usted quiera, eso es todo.

Dale un clic en guardar y mira tus cambios en tu blog de Blogger.

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

61 comentarios:

  1. me sales los comentarios pero tambien el código como lo quito

    ResponderEliminar
  2. Hola Rogelia Perez, el codigo no debe aparecerte en tu widget de comentarios. Tal vez algo estas haciendo mal o estas copiando el codigo incorrectamente, para que veas que funciona el widget de comentarios yo puse un demo de demostracion o tambien lo puedes ver en mi blog en la parte superior derecha.
    Y si siques teniendo el mismo problema te puedo ayudar por interno, comunicate con migo a esta direccion de email: ayudadeblogger@gmail.com
    Y con mucho gusto te ayudare.
    Saludos.

    ResponderEliminar
  3. Hola Aldo, gracias por tu comentario.
    Saludos.

    ResponderEliminar
  4. Hola quiero tener esta caja de comentarios que uso ahora, me darias los tips?

    ResponderEliminar
    Respuestas
    1. El truco es facil, solo sigue las instrucciones que estan en este post con un solo cambio, si es lo que entendi.
      Saludos.

      Eliminar
  5. Saludos!
    te felicito y agradezco por tu ayuda! tengo una pregunta: como le hago para que la caja de comentarios, no la que se muestra lo que han comentado como los del post, sino como esta donde estoy escribiendo sea más grande que la normal?... es que no me aparece así, aparece una muy pequeña. y la tuya esta genial. Gracias!

    ResponderEliminar
    Respuestas
    1. Hola, son estilos que se incrustan en la plantilla, la proxima semana, publicare un post de como hacerlo, mantente atento a las nuevas acutalizaciones de mi blog.
      Saludos.

      Eliminar
  6. ¡¡buenisimo!!, me sirvio, hacia rato que queria poner esto otra ve

    ResponderEliminar
  7. Hola Luis Chavez, puede un comentario google contener imagenes y videos? como hacerlo?

    Estoy pensando crear un blog, y estoy interesado por esto...Agradezcon tu ayuda y gracia por pu sitio web...

    ResponderEliminar
    Respuestas
    1. Hola sobre tu pregunta si es posible, solo necesita screar tu blog, y al momento de publicar cualquier articulos, tienes que habilitar el sistema de Opciones: luego habilitas las casilla Interpretar HTML escrito.
      Eso es todo
      Saludos.

      Eliminar
  8. muchas gracias, me ha ido genial, mira como me ha quedado:
    http://tallersmariavictrix.blogspot.com.es/

    solo me queda una duda, no me pone los comentarios de g+ ¿se podría hacer? ya que yo los visualizo en mi blog, debajo de cada post

    gracias de nuevo

    Mariona Rubio
    Talleres Maria Vicitrix

    ResponderEliminar
    Respuestas
    1. Hola he visto tu blog, te quedo perfecto, y sobre tu pregunta, no es posible ubicar los comentarios de g+.
      Saludos.

      Eliminar
  9. Excelente ayuda, es justo lo que estaba buscando. Muchas gracias Luis.

    ResponderEliminar
  10. Tengo un blog privado ¿como debo implementarlo para que salga?Conoces algún gadget de últimos comentarios que pueda verse en los blogs privados???Gracias

    ResponderEliminar
  11. No me funciona este widget. No sé por qué, he probado casi todos los códigos que hay en la red para poner los comentarios reciente y ninguno funciona.

    ResponderEliminar
  12. Muchas gracias, a sido de mucha ayuda

    ResponderEliminar
  13. Gracias por el widget todavia funciona bien.. un saludo

    ResponderEliminar
  14. quedó excelente, muchas gracias :D

    ResponderEliminar
  15. Muchas Gracias Viejo.. no se como llegue aqui, pero me sirvio. Ojala tuvieras la opcion de 10 estrellas por que te la mereces man.
    EdwinW.

    ResponderEliminar
  16. Hola perdona he introducido tu código para poner un cuadro de comentarios en mi blog y no hay manera, de que aparezca el cuadro, me puedes ayudar porfa? gracias

    ResponderEliminar
    Respuestas
    1. Hola, sobre su pregunta, el código funciona correctamente, tal vez algo esta realizando mal, puede copiar todo el código y mirar que funciona sin realizar un solo cambio como ejemplo

      Saludos.

      Eliminar
  17. Muchas gracias por el widged, por fin encuentro uno que me gusta.
    Funciona perfectamente.

    Saludos y gracias.

    ResponderEliminar
  18. Agradecido contigo, utilizado en mi blog de anime :D

    ResponderEliminar
    Respuestas
    1. Hola Kenichi3000, es bueno saber que le sirvió este pequeño truco de Blogger

      Saludos

      Eliminar
  19. Muchas gracias por el tutorial. Después de probar varios que no iban, el suyo va fenomenal. Me encanta!!
    Un abrazo!!

    ResponderEliminar
  20. Hola, funcionaba todo correcto, pero desde ayer el widged ha dejado de funcionar...

    ¿Le pasa a alguien mas?

    Gracias.

    ResponderEliminar
    Respuestas
    1. Hola, con respecto a su consulta, el widget funciona correctamente, para ello usted puede ver su demostración justo abajo de este post "Comentarios recientes", tal vez usted realizo algún cambio en su plantilla.

      Saludos.

      Eliminar
  21. Gracias, pero no veo que funcione aquí tampoco.

    Revisaré mi plantilla, pero no he cambiado nada.

    Una lástima, era el widged que más me gustaba.

    Saludos.

    ResponderEliminar
    Respuestas
    1. Hola, al final de este post se encuentra los Comentarios recientes, funciona correctamente

      Saludos.

      Eliminar
  22. gracias, desde ayer, volvió a funcionar, pero aquí tampoco funcionaba cuando escribí.

    Sería un fallo puntual.

    Me encanta el widget. GRACIAS!

    ResponderEliminar
  23. hola, muchas gracias me ha funcionado muy bien, llevaba como 1 dia buscando, sin mentir, y al fin encontre tu blogger, sigue asi, muchas graciasssssss...

    ResponderEliminar
    Respuestas
    1. Hola Angie, gracias por escribir, es bueno saber que le ha gustado este truco de Blogger.

      Saludos.

      Eliminar
  24. Respuestas
    1. Hola Nellely, gracias por comentar, es bueno saber que este tutorial le sirvió de mucha ayuda.

      Saludos.

      Eliminar
  25. Hola no me sale lo comentarios solo me sale un cuadro en blanco

    ResponderEliminar
    Respuestas
    1. Hola, gracias por escribir, con respecto a su pregunta, por favor pruebe con lo siguiente:

      Copie todo el código tal como esta en este tutorial y agréguelo en un widget, y mirara que funciona,

      Al parecer si no le muestra los comentarios recientes puede ser que no agrego correctamente la dirección URL de su blog de Blogger

      Cualquier pregunta no dude en escribir

      Saludos.

      Eliminar
  26. Hola. Lo e copiado bien solo que no me funciona e intentado muchos codigos pero no me sirven al crear mi blog si me aparecia de ahi al agregar muchos codigos a mi plantilla parece que lo elimine algo que ya no lo puedo ver.Gracias por la ayuda

    ResponderEliminar
    Respuestas
    1. Hola Thezonesoft, por favor hágame saber la dirección URL de su blog si aun no le muestra el widget de comentarios recientes

      Saludos.

      Eliminar
  27. Hola Luis. https://thezonesoft.blogspot.com
    Tambien quiero hacerte una consulta sobre mi sitio es de descargas como hago para conseguir un alojamiento de archivos propios ya que mis enlaces de descargas son: Mega, Drive.

    Saludos.

    ResponderEliminar
    Respuestas
    1. Hola Thezonesoft, gracias por escribir, he visitado su blog y usted dispone de algunos scripts que están ocacionando que no se muestre la caja de comentarios recientes. Ademas sobre su otra pregunta, los mas recomendables sistemas de de descarga son drive.google.com y dropbox.com a mi criterio.

      Saludos.

      Eliminar
  28. Hola Luis, me encanta tu widget, pero cuando lo pongo en mi blog, y cambiar la dirección url para poner la mía no aparece nada, en cambio si lo pongo tal cual lo tienes si que aparecen los de tu página.

    Mi blog es https://oficial-fone.blogspot.com y también www.somoselfone.es.

    Un saludo

    ResponderEliminar
    Respuestas
    1. Hola, gracias por contactarse, sobre su consulta, pruebe ingresando la siguiente URL:

      http://www.somoselfone.es/feeds/comments/default

      Ingreselo en el codigo que esta en este post

      Cuénteme como le fue

      Saludos.

      Eliminar
  29. Buenas tardes, desde esta mañana no me funciona el widget de últimos comentarios.

    No he tocado nada, ¿hay algún problema?

    Gracias.

    ResponderEliminar
    Respuestas
    1. Hola, con respecto a su pregunta, como usted puede ver en el demo, funciona correctamente, si tiene algún inconveniente, por favor hágame saber la dirección URL de su blog.

      Saludos.

      Eliminar
    2. Hola, gracias por la respuesta, si aqui veo que funciona, pero en mi blog hace 3 dias que no funciona, y no he cambiado nada. A ver si me puedes ayudar, por favor.

      Esta es la dirección de mi blog:

      http://nenalandia-tv.blogspot.com.es/


      Muchas gracias.

      Eliminar
    3. Hola, he ingresado a su blog y veo que ha insertado un script en el cual redirije su blog a un sitio web el cual esta ocasionando que se produzca errores en su blog como también es muy molestoso para los usuarios que visitan su blog, le recomiendo y un consejo que no opte por estos sistemas de publicidad que lo único que hace es bajar al blog y no generar nada bueno en ello

      Saludos.

      Eliminar
  30. y no conoces uno que pueda moderar pero que lo pueda poner en mi sitio web

    ResponderEliminar
    Respuestas
    1. Hola, con respecto a su pregunta, los comentarios de Blogger se los puede moderar desde la configuración de su blog

      Saludos.

      Eliminar
  31. Hice todo lo que indicas para poner un widget y me aparezcan los comentarios recientes, pero no se publican. Mi blog es walfrapedia.blogspot.com. Cómo lo soluciono?

    ResponderEliminar
  32. Hola seguí las indicaciones tal como las explicas, copie y pegue el código en el gadget para crear los comentarios, incluso realice los cambios que explicas en tu articulo,sin embargo solo me salio el titulo que le puse (comentarios), y nada mas, no puedo hacer clic para que abra. por otro lado configure mi blog para recibir comentarios de todo publico y no se que pasa, porque nadie puede comentar.
    podrías ayudarme?

    ResponderEliminar
  33. Hola, segui los pasos al pie de la letra y quedo genial en mi blog...
    Consulta: Es posible agregar al widget que arriba aparezca en que post fue realizado dicho comentario???

    ResponderEliminar