Este es un widget muy mono y de muy reciente creación, que encontré por casualidad en la página de Way2Blogging, que muestra los últimos comentarios y el avatar del comentarista, lo que lo hace ver más atractivo.
Lo más interesante es que es muy personalizable. El avatar puede lucir circular o no, gracias a una propiedad de CSS3, que ya funciona en Internet Explorer 9. Luce muy limpio, y puedes configurar las opciones desde su página, del mismo modo que lo puedes hacer si editas el CSS del código, una vez que lo hayas agregado.
Desde ayer lo estoy probando en el blog, y sí, ¡me gusta!; si lo quieres probar en tu blog, no lo pienses mas y llévatelo ;)
¡Espero que tengas buen fin de semana!
21 enero 2012
Widget de Últimos Comentarios con Avatar del Comentarista
- Orkut
- Stumbleupon
- Delicious
Si te gusto, por favor compártelo con tus amigos, y/o recomiéndalo en Google ;)
Recuerda confirmar tu suscripción, haciendo click en el enlace que recibirás por email.
Suscribirse a:
Enviar comentarios (Atom)



Karla lo puse en el blog y me gusta como queda...gracias!!
ResponderSuprimirbuen finde guapa ^^
besotes!! ;)
De nada isabella, gracias a Harish, que hizo muy buen trabajo y lo comparte en su blog ;)
SuprimirBuen finde y un besote también para ti ;)
Muy chulo!! Y pega mucho con la plantilla! Gracias!
ResponderSuprimirEstá muy chulo Lianxio, y puedes configurar los caracteres que puedes mostrar, la cantidad de comentarios, puedes personalizar la imagen que tendrá por defecto, cuando no haya un avatar disponible y como los comentarios están en una lista, puedes poner bordes, fondos, en fin, podemos darle la apariencia que se nos antoje ;)
SuprimirQue lindo... Lo voy a probar. Que pases un buen fin de semana.
ResponderSuprimirPor qué el que tu pusiste lo veo perfectamente redondo en IE9 sin embargo los que puse yo se ven cuadrados en el mismo navegador, no así en chrome?
SuprimirSaludos.
Sabes Gabriela, imagino que tienes configurado el modo de explorador (Browser mode) con una versión anterior a la 9, echa un vistazo a eso, sólo pulsa F12, y en "Browse mode" debería estar en: "Internet Explorer 9", luego verifica que en el modo del documento (Document mode), tengas seleccionado: "Internet Explorer 9 standards".
SuprimirMe cuentas...
Creo que era eso!!! Eres genial.
SuprimirSaludos.
Cuanto me alegra que lo hayas resuelto Gabriela ;)) suponía que era eso porque yo veía circulares los avatares en IE9.
SuprimirSalu2 ;)
En tu blog luce muy bonito!
ResponderSuprimirMuchas gracias Pilar, vamos a ver que tanto nos aguanta :)
Suprimirlookin good
ResponderSuprimirI like it too shree@SOFTECHNOGEEK :)
SuprimirGracias por compartir Karla, ya tengo en mi blog, este Widget de últimos comentarios apenas lo vi me gustó. También añadí el Blogroll con efecto al pasarle el cursor encima. Veras que mi avatar es un gif animado y en el widget de comentarios se mueve. Saludos.
ResponderSuprimirYa lo veo Roudy, si que tiene mucha energía ese avatar ;). En un momento echo un vistazo a tu blog para ver que tal...
SuprimirEspectacular, Gracias por compartir!
ResponderSuprimirKarla te comento que, en un blog de pruebas utilicé este widget de comentarios y cuando se utiliza el código para enlazar si no se encuentra todo en una sola linea, <a href="url-de-la-página">Texto enlace</a> se desconfigura completamente el widget de comentarios. El enlace Acerca de, en tu blog está caido.
ResponderSuprimirPuedes ver un ejemplo, en el siguiente enlace:
Suprimirhttp://plantnuevas.blogspot.com/2011/09/entrada-de-prueba-titulo.html
Le escribí a Harish explicandole el error que se presentaba con el código del enlace y parece que lo solucionó, ojalá los de blogger fueran así de eficientes.
Suprimirjaja, qué rápido resultó Harish!, también le voy a dar las gracias, que bueno que lo arregló...
SuprimirMuchísimas gracias por decirme del problemilla de la página de acerca de, ahora lo iré a arreglar :)
Salu2 ;)
Karla, necesito poner las entradas resumidas como esta tu blog, como puedo hacerlo ? Gracias, espero tu mensaje :)
ResponderSuprimirTe recomiendo esta entrada de Oloblogger Jonathan: http://www.oloblogger.com/2010/10/sumarios-automaticos-casi-definitivo.html
SuprimirSuerte ;)
Gracias, lo intentare y te aviso como keda :)
Suprimirx cierto como se puede redondear la imagen de usuario de los comentarios?
ResponderSuprimirVas a la edición de HTML de la plantilla, marcas la casilla de expandir plantillas de artilugios y buscas los estilos que Blogger agrega a el nuevo sistema de comentario, y que empieza así:
Suprimir<b:includable id='threaded_comment_css'>
<style>
luego siguen todos los estilos o CSS...
Dentro pones:
.comments .avatar-image-container, .comments .avatar-image-container img {
-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
}
Luego buscas:
.comments .avatar-image-container {
...
}
...y dentro especificas el borde, si es que quisieras:
border:3px solid #cedadc;
Puedes editar los valores, y antes de guardar los cambios, verifica en vista previa.
Funciona en todos los navegadores modernos y en IE9.
Si esto resulta complicado, pronto prepararé un post con algunos estilos para este sistema ;)
Saludos.
Hola Karla
ResponderSuprimirPrimero que nada, gracias por tus aportes, son muy interesantes. Y en segundo lugar, he tratado de colocar este windget, y no sale nada en mi blog. No se, si tiene que ver, pero el windget de comentarios recientes tradicional, tampoco me esta funcionado. ¿Tienes ídea de por que puede ser? Toma en cuenta que la respuesta es para, un negado en Html, y similares áreas ;D
saludos
pd, eres Venezolana o solo es mi imaginación?
De nada Weed, ¿no lo tienes agregado verdad?, bueno, no sé lo que esté pasando, ¿estás seguro que pusiste la URL de tu blog en el generador?, te puedo decir más si lo agregas, luego echo un vistazo al blog :)
SuprimirPD. Soy 100% mexicana :)
Orale, yo me imaginaba que eras españolisima jeje salu2
SuprimirHola Karla,
SuprimirGracias por tu respuesta, bueno soy negado, pero no tanto hahaha (por lo de agregar la url). El gadget original de comentarios ya me funciona, pero este sigue sin querer funcionar, lo he quitado. Pienso que tiene que ver con el feed, ya que con todos los problemas de el cambio de comentarios en blogger, lo puse en la opcion de "no". Para los gadgets si lo habilite, pero parece no funcionar en este en particular. A partir de ahi, solo tengo dudas e interrogantes.
Otra cosa que quería preguntarte, pero no se sieste es el lugar. Mi blog: http://futbolbarsayotrashistorias.blogspot.com/, si no te importa mirarlo a nivel de imagen. Me podrías indicar como hacer para poner Mini post independientes. Me explico (o intentare) la ídea es que en una de las barras laterales o introducir una superior, insertar mini-post (comentarios breves, que tambien puedan ser comentados) con noticias del día a día, y que se vean desde la pagina principal. Como ves en las paginas web normalmente.
No se si logro expresar la ídea, pero es como tener un "cuerpo de post independiente del principal, para pequeñas noticias. En el cual se puedan hacer igualmente comentarios y se acumulen los articulos. Me explico?... se puede hacer? me ayudas con eso? ;D
saludos y gracias por tú tiempo
Weed
PD, mexicana? vaya pues por varias palabras te habia mandado bastanet más al sur ;D
jeje, lo decía por si acaso, bueno, este tipo de widgets, funcionan por medio del feed Weed.
SuprimirNo estoy segura de lo que buscas, pero echa un vistazo a este post de Vku:
http://loseasi.blogspot.com/2011/05/agregar-una-id-unica-cada-post-o.html
Suerte ;)
Olvide decirte que me gusto muchisimo este post!ya lo tengo puesto y resulta muy bien,intente hacrelo como le dices a Jonathan Chavez pero no me resulto seguian viendose cuadrados mejor espero tu post!!gracias eres muy amable
ResponderSuprimirDe nada, pronto escribiré algo sobre eso ;)
SuprimirImplementado con éxito en el gadget y en las entradas. Por fin algo que me sale a la primera, jeje. Gracias por compartir estas joyas.
ResponderSuprimirCuanto me alegra que lo hayas agregado sin problemas Carlos, y de nada, yo sólo lo estoy divulgando y lo hago con gusto ;)
SuprimirSalu2!
gracias por tan gran aporte, una consulta, ami me aparece todo bien solo quiero saber si se puede agragar algun texto ala par de cada nick que indique al lector "lee todo el comentario" o algo parecido
ResponderSuprimirHola nEjO, hace tiempo que no te veía por aquí, feliz 2012 ;)
SuprimirBueno, seguramente se pueda, pero eso lo tendría que hacer el autor del script "Harish", ya que éste no se puede alterar pues está encriptado.
salu/2\
nEjO y Karla ya Harish habilitó el "Leer más" en el widget de comentarios, para agregarlo es necesario ir a su página y dar clic en "Widget Generator", llenar nuevamente nuestros datos y activarlo en "Show More Link in Comment body?" que por defecto está desactivado, y en "More link Text" se puede cambiar el texto del enlace, luego copiar el código y pegarlo en nuestro widget para actualizarlo.
SuprimirKarla, veo que ya funciona el enlace de Acerca de. Aunque al final del blog en ¿Quién escribe aquí? el enlace "Más..." no abre, ;-D .
Te cuento que al widget de comentarios de mi blog, lo personalicé un poco, cosas sencillas como cambiar el color del circulo del avatar, cambiar el color del texto, (era más claro), poner líneas divisorias debajo de cada comentario. Agregar el efecto de los enlaces cuando se coloca el cursor encima. Karla ¿tienes algún correo de contacto?, si gustas lo puedes dejar en mi formulario de contacto. Gracias.
Hola Karla, que tal la semana!! espero que bien. Me encanta lo de los ultios comentario y lo agregado a mi blog PERO NO ME QUEDAN REDONDO LOS AVATARES. ¿QUE HAGO?. Gracias y Besototes.
ResponderSuprimirMuy bien gracias ;)
SuprimirAhí en el generador que ofrece las opciones en:
Rounded Avatar Image?
...elige "yes", de hecho es la opción por defecto, sólo no la cambies.
Suerte y buen fin de semana!
Karla ves como te envie por correo mis imagenes y las del blog no se ven????, ni siquiera la del avatar.
SuprimirSaludos y gracias, es un Widget elegante, así que me lo quedo. Solo le he quitado el borde al círculo.
ResponderSuprimirKarla, cuando le he dado a "add widget" me sale otra pantalla pero en mi ordenador dice que Internet ha bloqueado el script, he intentado desbloquear los elementos emergentes pero no me deja con este en concreto que puedo hacer? de ya mismo gracias¡¡¡
ResponderSuprimirEs un problema de ese navegador ORMAKI, necesitas hacer cambios en la configuración de la seguridad en Internet Options, lo más práctico es que uses otro navegador :)
SuprimirSaludos.
Gracias Karla, lo he conseguido pero lo unico que me pasa ahora es que el avatar me sale cuadrado y no redondo a pesar de que pone Roundavatar= true. Que puede ser? un abrazo¡¡
SuprimirDe nada ORMAKI, Verifica que en:
SuprimirRounded Avatar Image?
...esté configurado como "yes" para que se agregue el código que hace que se pongan redondos.
Nota: Esto funciona en navegadores modernos, en el caso de Internet Explorer, funcionará sólo desde la versión 9.
Suerte ;)
jejeje muy muy util esta herramienta, a mi forma de ver este tipo de ayuda sson buenas despues de todo nuestro blog debe verse como a nosotros nos guste no??
ResponderSuprimirEs interesante, sí, a mi me gusta porque identifico más rápido los últimos comentarios, gracias por tu comentario.
SuprimirSaludos ;)
Hola Karla, gracias por el dato, esta muy bonito en verdad! A ver si puda ponerlo, pues no se mucho jajaja!
ResponderSuprimirTe queria preguntar si tienes algun tutorial que nos ensene detalladamente como podemos poner la suscripcion por correo debajo de cada entrada como tu lo tienes?
Gracias y me gustaria aprender hacer eso!