lunes, 20 de junio de 2011

Usar el mismo avatar en todos los comentarios propios

AVISO
Este truco no funciona en los comentarios anidados de Blogger.


¿Les ha pasado alguna vez que por andar de curiosos eliminaron sin querer la foto del perfil y por consiguiente el avatar en los comentarios dejó de verse? ¿O quizá alguna vez usaron un avatar que ya no les gusta pero no quieren eliminar el comentario ni dejar ese comentario sin avatar?
Pues no sé ustedes pero yo siempre he sido muy curioso, una vez entré a mi cuenta de Picasa, vi una carpeta que decía 'Imágenes de Blogger', y como vi muchos avatares repetidos los eliminé, y claro, mis comentarios antiguos dejaron de tener avatar. Y peor aun, mi primer avatar era una foto mía sin camisa (no se preocupen chicas, prometo no volver a hacerlo), luego me arrepentí de subir esa foto pero no quería ni eliminar esos comentarios ni eliminar el avatar para evitar dejar ese icono que siempre nos recuerda que una imagen está rota

¿Qué podemos hacer en estos casos? Si por haber eliminado tu foto tienes comentarios sin avatar, o si simplemente quisieras que todos tus comentarios (propios por supuesto) tengan la misma imagen aun cuando sean comentarios antiguos, lo que podemos hacer es usar un código para condicionar nuestro avatar de manera que la imagen que elijamos aparezca por defecto en todos los comentarios propios, tanto aquellos antiguos como los actuales y futuros. Así que si a los largo de la vida de tu blog has usado varios avatares en los comentarios podrás cambiar todos ellos por la imagen que quieras.


Para conseguir tener el mismo avatar en todos tus comentarios entra en Diseño | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca este código:
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

Una vez encontrado reemplázalo por este:
<b:if cond='data:blog.enabledCommentProfileImages'>
<b:if cond='data:comment.authorUrl == &quot;URL de tu perfil de Blogger&quot;'>
<!-- Inicia mi avatar -->
<div class='avatar-image-container'>
<img src='URL de la imagen' style='height:100%; width:100%;'/>
</div>
<!-- Termina mi avatar -->
<b:else/>
<data:comment.authorAvatarImage/>
</b:if></b:if>
Cambia donde se señala, la URL de la imagen del avatar que quieres mostrar, así como la URL de tu perfil de Blogger, es algo como esto:
http://www.blogger.com/profile/XXXXXXXXXXXXXXXX
Como estamos usando la URL del perfil eso evitará que el avatar se muestre en otro comentarista que tenga el mismo nick que el nuestro (gracias a Felipe por ese tip)

Con eso conseguirás que absolutamente todos tus comentarios tengan el mismo avatar, sin importar si tenías comentarios sin foto.
Si el blog tuviera dos autores y deseas que el otro autor tenga su propio avatar personalizado en todos sus comentarios entonces en ese caso en lugar de ese código, el que habrá de ponerse es este:
<b:if cond='data:blog.enabledCommentProfileImages'>
<b:if cond='data:comment.authorUrl == &quot;URL de tu perfil de Blogger&quot;'>
<!-- Inicia mi avatar -->
<div class='avatar-image-container'>
<img src='URL de la imagen' style='height:100%; width:100%;'/>
</div>
<!-- Termina mi avatar -->
<b:else/>

<b:if cond='data:comment.authorUrl == &quot;URL del perfil de Blogger del otro autor&quot;'>
<!-- Inicia avatar otro autor -->
<div class='avatar-image-container'>
<img src='URL de la imagen del otro autor' style='height:100%; width:100%;'/>
</div>
<!-- Termina avatar otro autor -->
<b:else/>

<data:comment.authorAvatarImage/>
</b:if></b:if></b:if>

Cambia donde se indica las URLs de los perfiles de los dos autores. Y de igual manera pon la URL de las imágenes donde se indica.

Debo aclarar que obviamente esto sólo afecta a tus propios comentarios y únicamente en los comentarios que hayas hecho en tu propio blog.

No hay comentarios:

Publicar un comentario