Blogger y los comentarios (2)

En esta última parte vamos a ver si es posible identificar a los comentaristas de una manera sencilla. Como en todos los otros casos, la sección donde debemos mirar está en:

<b:includable id='comments' var='post'>
.......
</b:includable>

Específicamente, este es el código por defecto que muestra al autor de cada uno de los comentarios:

<b:if cond='data:comment.authorUrl'>
   <a expr:href='data:comment.authorUrl' rel='nofollow'>
      <data:comment.author/>
   </a>
<b:else/>
   <data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

En castellano diría esto:

¿el comentarista ha colocado una dirección URL? [data:comment.authorUrl]

SI: entonces el nombre se muestra como un enlace [data:comment.authorUrl]

NO: entonces sólo se muestra el nombre [data:comment.author] o la palabra Anónimo

y un texto extra [data:commentPostedByMsg] por ejemplo dijo ...

Lo que haremos, en todos los casos, será colocar una imagen delante del nombre e identificar nuestros propios comentarios de los realizados por los visitantes. De esta manera, necesitaremos tres imágenes, uno para nuestros comentarios, otro para los comentarios anónimos (sin URL) y otro para el resto.

<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 alojada cada una de las imágenes.

De aquí en adelante, las posibilidades son muchas, incluso, podrían agregarse más condiciones y, en lugar de tener una única imagen para los comentaristas, podríamos poner imágenes individuales para diferenciarlos; los comentaristas más asiduos podrían ser "premiados" (o penalizados, dependiendo de la opinión) con un ícono personal.

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