Imágenes de los comentaristas

Se trata de identificar con imágenes nuestros propios comentarios de los realizados por los visitantes. Necesitaremos tres imágenes, uno para nuestros comentarios, otro para los comentarios anónimos y otro para el resto.

Localizamos esta parte del código:
<b:if cond='data:comment.authorUrl'>
...
</b:if>
y la cambiamos por:

<b:if cond='data:comment.authorUrl'>
<!-- autor reconocido -->
<b:if cond='data:comment.author == "mi_alias"'>
<!-- mis propios comentarios -->
<img class='comenta-avatar' src='URL_imagenYO'/>
<b:else/>
<!-- comentarios de los visitantes -->
<img class='comenta-avatar' src='URL_imagenOTROS'/>
</b:if>
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/>
</a>
<b:else/>
<!-- comentarios anónimos -->
<img class='comenta-avatar' src='URL_imagenANONIMO'/>
<data:comment.author/>
</b:if>

Donde mi_alias será nuestro nombre (las mayúsculas y minúsculas son importantes) y URL_imagen serán las direcciones donde hayamos alojado cada una de las imágenes.

Hay ciertos ajustes que pueden hacerse y dependerán mucho de las propiedades CSS de cada blog. Para eso, las imágenes tienen una clase especial llamada img.comenta-avatar y bastaría agregarla a nuestra hoja de estilo para establecer márgenes o cualquier otro detalle:

img.comenta-avatar { }

Otras clases que controlan las propiedades gráficas de esa sección de la plantilla son:

.comment-author {}
.comment-author a {}
.comment-timestamp {}
.comment-footer {}

Visto en Vagabundia