Estilos de Últimos Comentarios

5 Estilos de Últimos Comentarios

Estilos de Últimos Comentarios Blogger - Hay varias formas de poner en tu Blog de Blogger el gadget de "Últimos Comentarios". Aquí van algunas:
  • Últimos Comentarios Feed
  • Últimos Comentarios con Avatar
  • Últimos Comentarios Mejorado
  • Comentarios Recientes
  • Últimos Comentarios estilo Notificaciones

💭
Últimos Comentarios Feed

La manera más fácil para poner un gadget de “Últimos Comentarios” en tu Blog es la siguiente:

Últimos Comentarios Feed

Vamos al escritorio de nuestro Blog a la sección de “Diseño“. Aquí veremos reflejados los elementos en que consta nuestro Blog muy visualmente. Ahora para hacer un Gadget solo pincharemos en algún recuadro vacío, que pondrá “Añadir un Gadget“. De la galería de gadgets que se abrirá en una ventana elegiremos “Feed“.

Gadget Feed


Ahora se abrirá otra ventana que deberemos rellenar. En URL del Feed pondremos la siguiente dirección:
http://URLdetuBlog/feeds/comments/full

donde URLdetuBlog es la dirección de tu blog. Ahora se abrirá otra ventana donde podremos configurar el gadget, el titulo que queremos ponerle, el numero de comentarios a mostrar, si queremos que se vea la fecha, etc…Damos a “Guardar” y lo colocaremos donde queramos que se vea arrastrándolo con el ratón por la pagina de “Diseño”. Ahora guardamos en el botón “Guardar disposición” y ya podemos ver como queda en el Blog.

El diseño y colores dependerá de cada plantilla.


💭 
Últimos Comentarios con Avatar

También hay una forma de añadirlo por medio de un código HTML. Este tiene un avatar en circulo del la persona que comenta:

Últimos Comentarios con Avatar

Solo tendremos que ir al escritorio del blog, en la sección “Diseño” y pinchar en “Añadir un gadget”. En la galería que se abrirá con los gadgets elegimos el llamado “HTML/Javascript” y pegamos el siguiente código:

<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_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;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#ccc;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #000;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 10,
showAvatar = true,
avatarSize = 32,
roundAvatar = true,
characters = 50,
showMorelink = true,
moreLinktext = "Más &#187;",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/ultimoscomentarios.js"></script>
<script type="text/javascript" src="http://tublog/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>

En tublog ponemos el nombre de tu blog. Lo guardamos y los colocamos donde queremos que aparezca, arrastrándolo con el ratón. Guardamos disposición (botón naranja arriba del diseño) y vemos como queda.

Puedes configurar los números de comentarios en numComments = 10, (cambiar el 10).


💭
Últimos Comentarios Mejorado

Este es otro modo de poner el Gadget de Últimos Comentarios. Novedades de este gadget:

  • Avatar Cuadrado con el Avatar de Blogger

  • Presenta el Nick con link para ver el perfil del comentador.

  • Presenta la leyenda “Admin” junto al Nick del administrador del Blog

  • Presenta el Título de la Entrada donde se comenta y si ponemos el ratón encima podemos leer el comentario.
Últimos Comentarios Mejorado

El gadget lo podréis encontrar en la Web Mil Trucos Blogger: Gadget de Últimos Comentarios con avatar-Versión mejorada y es muy fácil de instalar en vuestro Blog, solo seguir los pasos que la Web os da.

 💭
Comentarios Recientes

Otra forma de poner este Gadget, también mediante un simple código es esta:

Comentarios Recientes


Solo tenéis que copiar y pegar el código que nos ofrece el Blog Bloggin Red: Gadget de Comentarios Recientes en Blogger


 💭
Últimos Comentarios estilo Notificaciones

Esta novedosa barra superior en Blogger nos trae los Últimos Comentarios en estilo Notificaciones, con símbolo de una campana y contador de notificaciones. Se despliegan las notificación al pinchar sobre ella:


Últimos Comentarios estilo Notificaciones

Esta barra, puedes ponerla en tu Blog de Blogger siguiendo las instrucciones desde el Blog Amor Sevillista: Últimos comentarios al estilo Notificaciones de Google+.


5 Estilos de Últimos Comentarios Blogger - Y aun quedan muchas formas mas que iré ampliando.

Sobre Mí:

Desde El Puerto de Santa María, Cádiz, os doy la bienvenida a mi pequeño rincón. Madre de un niño con TEA, pensionista, esposa, bloguera y friki. Gracias por tu visita y comentarios!


Siguenos en: Twitter | Facebook | Google Plus

Comentarios