Gadget de Comentarios Recientes

Recientemente blogger actualizo la API para comentarios roscados de blogger . en este widget que que nos proporciona Way2Blogging podemos mostrar el Avatar de comentarios con la versión actualizada de la API de comentarios que nos proporciona blogger.
Se ve realmente espectacular y es un bonito diseño ya que cuenta con varias características que hace muy completo el widget.
Así como has visto mi widget de comentarios recientes que esta colocado en la parte final del blog tambien ustedes la pueden colocar y  esto se vera exactamente como el mismo widget de comentarios recientes que tiene Blogg Ayuda.



Ejemplo de widget en Blogg Ayuda:

Características principales del widget:


Widget Título: 
Esta parte es donde colocaremos el nombre de nuestro widget sea comentarios o comentarios recientes depende del que ustedes deseen colocar o sea de su agrado.

URL del Blog:
La URL de nuestra pagina donde deseamos insertar el widget, recuerden que sin el no se puede colocar ya que es fundamental colocar el Url.

Número de comentarios recientes:
Es parte fundamental saber cuantos comentarios queremos que se muestren dentro del blog y es aquí donde debemos especificar el numero de comentarios.

Mostrar Imagen de Avatar:
Si, en esta parte podemos elegir si se muestran los avatares de los que comentan incluso el de nosotros.

Tamaño de la imagen del avatar:
Aquí podemos elegir el tamaño de nuestro avatar recuerden que si lo escogemos muy grande puede ocupar gran parte del widget, elijan mas el tamaño que se acerque a lo que ustedes realmente desean mostrar.

Avatar Redondeado:
Nuestro avatar puede ser redondo o cuadrado ustedes eligen si lo desean como esta o no.

Palabras de los comentarios:
Eligan cuantas palabras de los comentarios desean mostrar, es elección si son comentarios largos y completos o cortos y específicos.

Mostrar "más Enlace" en el cuerpo del comentario:
Si quieren que las personas vean no solo el comentario si no por que se izo o cual fue el tema, digan que si en esta parte y tendrán un "mas con Url" a su post donde se realizo el comentario.

Enlace de texto:
Aquí pueden cambiar el típico "mas o more" donde al dar clic nos dirige a la Url del comentario.

Url del avatar por defecto:
En esta parte solo deben elegir el avatar que se mostrara por defecto en los comentarios que las personas hagan y que no cuenten con uno propio este avatar lo pueden modificar las veces que ustedes quieran, solo coloquen la Url de donde provenga la imagen.

Ocultar Enlace Way2Blogging:
Way2Blogging nos pide o nos da a elegir si queremos mostrar su enlace a su pagina o no queremos que se muestre, gran parte de su trabajo es que aceptemos, pero la elección ellos no la proporcionan y hace que sea una decisión de nosotros compartir su esfuerzo, diría yo que si.


Como les mostre las caracteristicas principales del gadget y que son importantes que nosotros las eligamos al crear nustro widget aunque mas alla de buscarlo en la pagina pueden editar el codigo si le entienden un poquito les mostrare como:

<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:#fefefe;-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: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style><script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = true,
moreLinktext = "Mas »",
defaultAvatar = "http://descargaonlinegratis.com/up/avatares-thumb.jpg",
hideCredits = true;
//]]>
</script><script src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js" type="text/javascript">
</script><script src="http://www.bloggayuda.blogspot.mx/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=5" type="text/javascript">
</script>

Les explico un poco sobre el código, si son expertos programadores o aficionados y le saben mover creo con el color entienden, pero para los que estamos un poco atrasados y queremos aprender veamos como modificar.

De color "Verde" se encuentra la parte donde colocaremos nuestra Url de la pagina que el gadget tomara para los comentarios, la pueden sustituir por su Url del blog o pagina web.

De color"rosa" se encuentran el numero de comentarios a mostrar, los pueden cambiar a su gusto y elección.

De color"azul" se encuentra la elección de mostrar avatar, si lo modifican recuerden que es en ingles.

De color "rojo" se encuentra el tamaño de la imagen de nuestro avatar.

De color "mostaza" podemos elegir redondo o cuadrado la imagen del avatar.

De color "morado" es el numero de caracteres del comentario, recuerden si desean que aparezca todo el comentario , es aquí donde pueden hacer que sea mas extenso.

De color "verde olivo" elegimos si mostrar un enlace de "mas" que nos lleve al comentario completo.

De color "cafe" cambian el nombre del enlace puede ser "Mas" o "Continua" o "More", ustedes eligan.

De color "Carne" aquí va la url de la imagen del avatar que iría por default.

De color "negro" si queremos compartir los créditos de Way2Blogging.

Como ven es una excelente idea tener este widget espero sea de su agrado y que las instrucciones aquí mostradas, sean explicables a ustedes.

Posted in: Blogger, Gadget, Wordpress