21 enero 2012

Widget de Últimos Comentarios con Avatar del Comentarista

ultimos comentarios con avatar
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!

No olvides suscribirte, para recibir todas mis actualizaciones, directamente a tu email.

Ingresa tu correo electrónico:

Recuerda confirmar tu suscripción, haciendo click en el enlace que recibirás por email.

48 comentarios:

  1. Karla lo puse en el blog y me gusta como queda...gracias!!
    buen finde guapa ^^
    besotes!! ;)

    ResponderSuprimir
    Respuestas
    1. De nada isabella, gracias a Harish, que hizo muy buen trabajo y lo comparte en su blog ;)

      Buen finde y un besote también para ti ;)

      Suprimir
  2. Muy chulo!! Y pega mucho con la plantilla! Gracias!

    ResponderSuprimir
    Respuestas
    1. Está 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 ;)

      Suprimir
  3. Que lindo... Lo voy a probar. Que pases un buen fin de semana.

    ResponderSuprimir
    Respuestas
    1. Por 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?
      Saludos.

      Suprimir
    2. 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".

      Me cuentas...

      Suprimir
    3. Creo que era eso!!! Eres genial.
      Saludos.

      Suprimir
    4. Cuanto me alegra que lo hayas resuelto Gabriela ;)) suponía que era eso porque yo veía circulares los avatares en IE9.

      Salu2 ;)

      Suprimir
  4. En tu blog luce muy bonito!

    ResponderSuprimir
    Respuestas
    1. Muchas gracias Pilar, vamos a ver que tanto nos aguanta :)

      Suprimir
  5. Gracias 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.

    ResponderSuprimir
    Respuestas
    1. Ya lo veo Roudy, si que tiene mucha energía ese avatar ;). En un momento echo un vistazo a tu blog para ver que tal...

      Suprimir
  6. Espectacular, Gracias por compartir!

    ResponderSuprimir
  7. Karla 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.

    ResponderSuprimir
    Respuestas
    1. Puedes ver un ejemplo, en el siguiente enlace:
      http://plantnuevas.blogspot.com/2011/09/entrada-de-prueba-titulo.html

      Suprimir
    2. 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.

      Suprimir
    3. jaja, qué rápido resultó Harish!, también le voy a dar las gracias, que bueno que lo arregló...

      Muchísimas gracias por decirme del problemilla de la página de acerca de, ahora lo iré a arreglar :)

      Salu2 ;)

      Suprimir
  8. Karla, necesito poner las entradas resumidas como esta tu blog, como puedo hacerlo ? Gracias, espero tu mensaje :)

    ResponderSuprimir
    Respuestas
    1. Te recomiendo esta entrada de Oloblogger Jonathan: http://www.oloblogger.com/2010/10/sumarios-automaticos-casi-definitivo.html

      Suerte ;)

      Suprimir
    2. Gracias, lo intentare y te aviso como keda :)

      Suprimir
  9. x cierto como se puede redondear la imagen de usuario de los comentarios?

    ResponderSuprimir
    Respuestas
    1. Vas 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í:

      <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.

      Suprimir
  10. Hola Karla

    Primero 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?

    ResponderSuprimir
    Respuestas
    1. 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 :)

      PD. Soy 100% mexicana :)

      Suprimir
    2. Orale, yo me imaginaba que eras españolisima jeje salu2

      Suprimir
    3. Hola Karla,

      Gracias 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

      Suprimir
    4. jeje, lo decía por si acaso, bueno, este tipo de widgets, funcionan por medio del feed Weed.

      No 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 ;)

      Suprimir
  11. 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

    ResponderSuprimir
    Respuestas
    1. De nada, pronto escribiré algo sobre eso ;)

      Suprimir
  12. Implementado con éxito en el gadget y en las entradas. Por fin algo que me sale a la primera, jeje. Gracias por compartir estas joyas.

    ResponderSuprimir
    Respuestas
    1. Cuanto me alegra que lo hayas agregado sin problemas Carlos, y de nada, yo sólo lo estoy divulgando y lo hago con gusto ;)

      Salu2!

      Suprimir
  13. 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

    ResponderSuprimir
    Respuestas
    1. Hola nEjO, hace tiempo que no te veía por aquí, feliz 2012 ;)

      Bueno, 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\

      Suprimir
    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.
      Karla, 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.

      Suprimir
  14. 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.

    ResponderSuprimir
    Respuestas
    1. Muy bien gracias ;)

      Ahí 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!

      Suprimir
    2. Karla ves como te envie por correo mis imagenes y las del blog no se ven????, ni siquiera la del avatar.

      Suprimir
  15. Saludos y gracias, es un Widget elegante, así que me lo quedo. Solo le he quitado el borde al círculo.

    ResponderSuprimir
  16. Karla, 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¡¡¡

    ResponderSuprimir
    Respuestas
    1. Es 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 :)

      Saludos.

      Suprimir
    2. 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¡¡

      Suprimir
    3. De nada ORMAKI, Verifica que en:

      Rounded 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 ;)

      Suprimir
  17. 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??

    ResponderSuprimir
    Respuestas
    1. Es interesante, sí, a mi me gusta porque identifico más rápido los últimos comentarios, gracias por tu comentario.

      Saludos ;)

      Suprimir
  18. Hola Karla, gracias por el dato, esta muy bonito en verdad! A ver si puda ponerlo, pues no se mucho jajaja!
    Te 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!

    ResponderSuprimir