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!
  • Pingback: Bitacoras.com()

  • 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,

  • Claudia

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

  • Daniel

    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.

  • ¡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!

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

    Besos =)

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

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

  • Claudia

    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 😉

  • 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

  • Muchas gracias¡¡¡ Ya lo he habilitado¡

    🙂

  • Ago

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

  • 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

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

    Un saludo.

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

  • Claudia

    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;
    }

  • Gracias Claudia,voy a verlo

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

    Gracias por tu ayuda, Claudia.

    Saludos.

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

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

  • 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!

  • CL

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

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

  • enreda2

    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.

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

  • Claudia

    No veo tu blog, Enreda2 🙁

  • 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!

  • ¡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

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

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

    ME SUPER SIRVIO 😀

  • Gracias!!!

  • 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!

  • que gran aporte…

    esto me servira mucho para mi blog en construccion

    gracias

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

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

  • Christian Cabrera

    muy bueno gracias me funciono perfecto !!

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

  • 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

  • Alexander Espinoza

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

    • An inglteilent point of view, well expressed! Thanks!