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

Demo Clic aquí

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

TAGS: Trucos BloggerWidgets para Blogger

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.