Blogger permite que muestres tu avatar en los comentarios

Blogger Publicado por Claudia en septiembre 17, 2009

blogger-gravatar

Blogger nos sigue sorprendiendo en su cumpleaños. Hace pocas horas han anunciado en Blogger Buzz que ahora es posible mostrar avatares en los comentarios, muy al estilo gravatar.

¿Cómo funciona?

Los avatares sólo son visibles para quienes comentan usando su perfil de Google; vale decir, para quienes han creado una cuenta en Blogger, la tienen habilitada y han añadido una imagen a su perfil. Según muestran en Buzz, si es la primera vez que comentas en un blog de Blogger, aparecerá una caja como la siguiente para cargar tu foto desde el escritorio.

addimage

Si ya eres un usuario antiguo, no tienes que hacer nada. Es probable que veas tu avatar en los comentarios antiguos.

Habilitando en plantillas antiguas

Revisando plantillas que adapté en base a Mínima en mayo y julio de este año, me di cuenta de que no mostraban mi avatar. Si tienes una plantilla creada antes de esos meses, lo más probable es que tengas que añadir algunas líneas de código. ¿Cómo saberlo? Simplemente busca la palabra “avatar” en la edición de HTML de la plantilla, con los artilugios expandidos. Si no aparece, sigue estos pasos (siempre con los artilugios expandidos, y con ayuda del buscador de tu navegador):

1. Reemplaza:

<dl id='comments-block'>

por:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

2. Un poco más abajo, busca:

<a expr:name='data:comment.anchorName'/>

agrega debajo:

<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
 </b:if>

Guarda los cambios.

¿Y los estilos?

Por defecto, las propiedades en CSS para el avatar, son las siguientes:

#comments-block .avatar-image-container img {
border:1px solid #CCCCCC;
float:right;
}

El avatar tiene siempre 35×35 píxeles, y no puedes cambiar su tamaño, ni su posición (aparece como float:right, pero flota siempre a la izquierda). Lo único que puedes cambiar, es el borde y el padding de la imagen.

Concluyendo, es lamentable no poder hacer más cambios en los estilos, pero es un cambio que significa muchísimo para la plataforma, aunque no llegue nunca a soportar gravatar y sólo sea útil para los comentaristas con perfil de Blogger habilitado.

Compártelo!
40 Comentarios en Blogger permite que muestres tu avatar en los comentarios
  1. Información Bitacoras.com…

    Valora en Bitacoras.com: Blogger nos sigue sorprendiendo en cumpleaños. Hace pocas horas han anunciado en Blogger Buzz que ahora es posible mostrar avatares en los comentarios, muy al estilo gravatar. ¿Cómo funciona? Los avatares sólo son visibles pa…..

  2. Jorge dice:

    Hola Claudia!

    Gracias por la información. Como que ya era hora de que blogger hiciera algo así… aunque veo que todavía tiene sus limitaciones.

    Para diferenciar comentarios anónimos no hay nada? Tengo una plantillo muy personalizada que algunos trucos que he visto para hacer lo que te comento no me funcionan.

    Sale,

  3. Claudia dice:

    Jorge:
    Si comentas como anónimo, no aparece el avatar.
    No entendí bien lo otro 🙁

  4. Daniel dice:

    Aprovechando que escribes de plantillas antiguas, alguien sabe como habilitar la opción de comentarios (anónimo y nombre/url), no aparecen en mi plantilla creo que por que es antigua.

  5. Isaías dice:

    ¡Hola Claudia!

    Como siempre, estando a la vanguardia jejeje, he de comentarte que ya estaba por irme a dormir, pero al leer tu nota, no resistí la tentación y lo implemente de inmediato jeje se ve muy mono ^^

    ¿Que nueva sorpresa nos darán? ¿Cual es tu pronóstico? 😛

    ¡Gracias por el aporte!

  6. La Dueña dice:

    Gracia Claudia, como siempre me has sido de gran ayuda!!!

    Besos =)

  7. Carlos Soler dice:

    Claudia muchas gracias pensaba que seria más difícil, pero me ha resultado muy fácil hacer los cambios en la plantilla antigua mínima de Blogger. Te pongo ahora mismo en el Reader. Un abrazo desde Blogtecnia.

  8. eulez dice:

    Es una verdadera pena que no implementen gravatar de forma que todo el mundo pueda mostrar su avatar en blogger. Podrían hacerlo, al fin y al cabo lo han hecho con los “seguidores” del blog, no?

  9. Claudia dice:

    Daniel: Eso se cambia en Configuración/Comentarios. Por defecto, Blogger no permite los comentarios anónimos.

    Isaías: Ahora se vienen las nuevas plantillas! 😉

    Carlos: Gracias! Qué bueno que haya resultado 😀

    Eulez: : El sistema de seguidores no tiene que ver con gravatar 😉

  10. Palmogala dice:

    hola claudia sácame de una duda y para los que usamos las plantillas modificadas de ourblogger, btemplates, hay una linea que no se encuentra en estas y es la segunda que muestras en los pasos, no la verdad no me salen los avatar, si pudieras ayudarme

  11. pilyboop dice:

    Muchas gracias¡¡¡ Ya lo he habilitado¡

    🙂

  12. Ago dice:

    Maravelloso!!!
    Esta es la primera vez que miro tu blog y no he resistido hacer esos cambios…wowwww!!!
    gracias de todo corazon!
    Ago 😀

  13. juan dice:

    Claudia me sirvio a la primera pero lo tuve que quitar porque viendo los comentarios con el avatar no me respetaba los limites y los comentarios se salian pisando la sidebar derecha,que codigo tendria que añadir y donde para que respete los limites del bloque dde comentarios ?gracias y felicidades por tu blog

  14. Onetwothree dice:

    Muchas gracias por tu ayuda, ya he implementado los avatares y funciona perfectamente.

    Un saludo.

  15. eduardo dice:

    Hola muy bueno este post, que bueno que en blogger se puedan añadir los avatares ya lo estabamos esperando.

  16. Claudia dice:

    Para Palmo y quienes tienen plantillas muy viejas, creo que lo mejor es reemplazar el bloque de comentarios completo (ver el archivo):
    avatar-comentarios-blogger.txt

    Para Juan: Determina el ancho de la sección de los comentarios. Debe tener como máximo el mismo ancho que el contenedor de los posts (fíjate en #main-wrapper y .post). Por ejemplo, si el contenedor de los post tiene 500 píxeles de ancho, deberás poner:

    #comments {
    width: 500px;
    }

  17. juan dice:

    Gracias Claudia,voy a verlo

  18. mois dice:

    Hacía tiempo que quería hacer esto de los avatares, pero no sabía como.

    Gracias por tu ayuda, Claudia.

    Saludos.

  19. José GDF dice:

    ¡Ojo con las entradas importadas!

    En ellas no se ven los avatares de los comentarios. Por culpa de eso, casi me vuelvo loco en una plantilla que estoy haciendo nueva, porque importé unas entradas para probar el efecto que hacían en el nuevo diseño, seguí estos pasos y no funcionó.

    En mi nick en este comentario hay un enlace a una entrada en la que entro en más detalles sobre este problema.

    En cuanto a mi diseño actual, seguí estos mismos pasos, pues fue el primer sitio donde lo vi, y me funcionó a la primera, así que gracias por compartirlo.

    Un saludo.

  20. José GDF dice:

    Bueno, parece que algo no ha salido algo bien. Te dejo el enlace en este otro comentario para que lo veas si quieres y luego lo borras si lo ves oportuno.

    Mis disculpas.

  21. Julia dice:

    hola! lo hice y salió ya q veo las fotos de algunos comentaristas, pero no tengo idea porqué no se ve la foto de mi perfil. tendrás idea?
    gracias!

  22. CL dice:

    Maravelloso!!!
    Esta es la primera vez que miro tu blog y no he resistido hacer esos cambios…wowwww!!!
    gracias de todo corazon!
    Ago 😀

  23. angelblade dice:

    Que bien!!!!! Lo probare a ver….

  24. enreda2 dice:

    En mi caso gracias funciono bien!
    PERO me salen dos avatar, el antiguo y al lado el avatar del usuario con perfil de google.
    Que hago? me salen uno al lado del otro y los que comentan como anonimo les sale un solo avatar.

    • Kaydence dice:

      I pelslnaory donÂ’t believe in global warmingÂ… its not doing anything it just Earths cycle. IÂ’m tired of hearing this global warming crap. It was a lot worse than what people are telling you what is going to happen before.

  25. Claudia dice:

    No veo tu blog, Enreda2 🙁

  26. Jorge Luis Barrera dice:

    Wow! Muchas gracias Claudia, esto es lo que estaba buscando para mi blog, al principio no encontraba el segundo código que pusiste en el post así que decidí mejor remplazar todo el bloque de comentarios como sugeriste, y ya está!

    Saludos!

  27. Jerometa dice:

    ¡Hola!
    Te agradezco mucho que hayas compartido la info con todos, pero mi plantilla es distinta y ni cambiando todo el bloque de comentarios me sale. No me deja guardar y me pide que cierre un montón de elementos que ni he tocado.

    Este es mi tema: http://www.bloggerblogtemplates.com/2009/05/dark-forest-blogger-theme.html

  28. viperhoot dice:

    Yuju! gracias!
    Lo acabo de adaptar a un blog que pronto empezaré y funciona! 😀

  29. ADRIANCYBOR dice:

    muchisimas gracias por tus consejos y trucos. gracias por poner a nuestra disposicion esta info 😀 !!!!

    ME SUPER SIRVIO 😀

  30. Gonzalez dice:

    Gracias!!!

  31. Olvido dice:

    Claudia,

    muchas gracias por esta entrada; como usuaria de una plantilla antigua no sabía ya qué hacer. He reemplazado el bloque completo, como indicas en los comentarios, y funciona perfectamente.

    ¡Saludos!

  32. el peaton dice:

    que gran aporte…

    esto me servira mucho para mi blog en construccion

    gracias

  33. jheyson dice:

    Gracias por la info! estuvo muy buena la verdad XD!!

  34. Laura dice:

    Solamente sale mi avatar, el de los usuarios que comentan no =(

  35. Christian Cabrera dice:

    muy bueno gracias me funciono perfecto !!

  36. aleckzuka dice:

    gracias por la info y yo si pude cambiar por lo menos el fondo de los comentarios, cambie #ccccc por #fffff que es el que le quedaba mejor a mi plantilla y quedo muy bien.

  37. Julio-Debate popular dice:

    Me gustaría hacerte una pregunta Claudia. Si podes responderla vía mail mejor.Estoy opinando en sitios de blogger con url y nombre y no como perfil pero al dejar el comentario me figura que comento como perfil. Que paso? Blogger saco la opción de opinar usando la url directamente.
    Te agradecería.
    juliocefercontacto@gmail.com

  38. Alexander Espinoza dice:

    saludos, coloque le codigo de Ciudad blogger para comentarios anidados y no logro ver los avatares, ni cmentando logeado en blogger, ayuda please

Deja tu comentario
Tu Comentario