Blogger y los comentarios (la plantilla)

Lamentablemente, para modificar la forma en que Blogger muestra los comentarios y tratar de personalizarlos, es necesario entender el código de la plantilla así que, antes de iniciarse en el tema, lo mejor es que hagamos un esfuerzo, perdamos el miedo y veamos si podemos descifrar esos jeroglíficos.

La sección que controla la forma en que se muestran los comentarios en una plantilla standard, está contenida en una etiqueta b:includable:

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>

<b:if cond='data:post.allowComments'>
....... [el contenido que nos interesa] .......
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>

</div>
</b:includable>

Esta sección tiene dos partes, la primera (que será la que nos interesa) está encerrada dentro de lo que se denomina un código condicional, Blogger sólo la mostrará si el blog tiene los comentarios habilitados:
<b:if cond='data:post.allowComments'>

La tercera parte, y que por ahora obviamos, es la que controla la forma en que se muestran los vínculos (backlinks) a cada una de las entradas.

Vamos a ver las instrucciones que nos interesan. Para comprenderlo, podemos dividir todo en tres partes:

<h4>
<b:if cond='data:post.numComments == 1'> 
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

Coloca un título general que es el que aparece debajo de cada post en una página individual donde:
data:post.numComments es la cantidad de comentarios
data:commentLabel es el texto si sólo hay un comentario (la palabra comentario)
data:commentLabelPlural es el texto si hay más de un comentario (la palabra comentarios)

Ver detalles de cómo modificar los mensajes y textos de las plantillas:

Luego, sigue la parte más extensa y compleja:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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/>
</dt>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

</b:loop>
</dl>

Este código es un bucle (loop) que se ejecuta para cada uno de los comentarios y es el que los va mostrando, uno después del otro.

a. Dentro de una etiqueta <dt> </dt> (una lista de definiciones), se muestra al autor:
data:comment.authorUrl si no es anónimo, este dato contiene la dirección URL que ha indicado
data:comment.author es el nombre del autor o la palabra Anónimo
data:commentPostedByMsg es el texto que acompaña al nombre del autor (Anónimo dice ...)

b. Dentro de una etiqueta <dd> </dd> se muestra el contenido del comentario que se encuentra guardado en:
data:comment.body a menos que se haya eliminado pero no definitivamente, en cuyo caso aparecerá el icono correspondiente.

c. Por último, el pie de página de cada comentario, allí:
data:comment.timestamp es la fecha y hora en que fue realizado

En este último se incluye nuevamente el ícono que sirve de enlace para que el administrador del blog pueda eliminar cada comentario individualmente.

La tercera parte es la siguiente:

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' 
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</p>

Es el final de la sección y simplemente muestra un enlace para que, al hacer click, Blogger nos dirija a la página donde está el formulario para agregar comentarios. Allí:
data:postCommentMsg es el texto que veremos (Enviar comentario)

¿Para qué puede servir todo esto, a quién le interesa?

No hace falta recordar todos los códigos ni nada parecido pero, para modificar la plantilla sin que termine en un colapso nervioso, es necesario que tengamos una vaga idea de cómo funciona y de qué significa cada cosa.

Algunos consejos y explicaciones breves:

Ante todo hay que tener en cuenta que las etiquetas se deben abrir y cerrar, forman bloques dentro de los cuales hay otros como las famosas muñecas rusas. SIEMPRE, la primera que debe cerrarse es la última que fue abierta:

<primera_etiqueta>
<segunda_etiqueta>
<tercera_etiqueta>
.......
</cierra_tercera_etiqueta>
</cierra_segunda_etiqueta>
</cierra_primera_etiqueta>

Esto, sólo tiene una excepción, las etiquetas que se abren y cierran en si mismas:

<img ······· />
<br/>
<input ······· />
<param ······· />

En las plantillas, los atributos de las etiquetas pueden ser "normales":
<etiqueta href='unaDireccion'>
o complejas, cuando incluyen datos de Blogger:
<a expr:href='data:unDato'>
en cuyo caso, al atributo se le antepone expr:

Las etiquetas <b:include ······· /> hacen que Blogger incluya un conjunto de datos para poder utilizarlos. Por lo general, no debamos modificarlos.

Las etiquetas <data:·······/> son datos específicos que guarda Blogger, algunos, son datos por defecto, otros, dependen de la configuración o de las opciones que hayamos seleccionado. Muchos de ellos pueden ser cambiados sin problema (por ejemplo los textos), otros, son esenciales para el funcionamiento del blog y por lo tanto, deben ser manipulados con cuidado.

Para evitar problemas y poder experimentar a gusto, lo ideal es crear un blog auxiliar de pruebas y copiar la plantilla en él. Creamos unos cuantos posts, hacemos unos cuantos comentarios falsos y ya tenemos un modelo que podemos "destruir" sin riesgos ni remordimientos.

DETRIPANDO LA PLANTILLA: 1 2 3