Destacar los propios comentarios

Actualización: Si no encontráis el código que aquí se cita, ir directamente a esta otra entrada.

El otro día explicábamos como quitar el logo de Blogger en los comentarios de cada entrada y, de paso, como sustituirlo por una imagen al gusto.

Ahora vamos un poquito más allá y destacaremos los comentarios del propio autor del blog, al tiempo que le pondremos una imagen distinta al del resto de visitantes. Más correcto sería decir del autor de la entrada, pero en la mayoría de casos, coincidirán.

Para ésto, tenemos que buscar en la plantilla la expresión

<dl id='comments-block'>

y sustituir todo lo que se encuentra entre dicha línea y </dl>, ambas inclusive, por ésto otro:

Ver código [+/-]

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot;' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.author == data:post.author'>
<img src='URLimagenpropia'/>
<b:else/>
<img src='URLimagenvisitantes'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<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/>
<b:if cond='data:comment.author == data:post.author'>
<p style='background:#FFFF99;border:2px solid #999999;'><data:comment.body/></p>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Aparte de borrar la parte que imprime el logo de Blogger tal y como se explicó la otra vez, realmente sólo hemos insertado dos grupos de líneas:

• En el primero ponemos una condición: Si el autor de la entrada coincide con el autor del comentario, ponemos en el "hueco" una imagen, y si no, pues ponemos otra.
• En el segundo grupo, lo que hacemos es dar un estilo distinto a los comentarios escritos por el autor de la entrada, usando el mismo truquillo.

Hay que sustituir URLimagenX por la dirección de la imagen que querais poner en cada caso. Si quereis incluir lo del texto destacado (segundo grupo de líneas), jugar un poco con los códigos CSS y cambiar el color del texto, el tipo, el color de fondo, el borde, etc. para darle el aspecto que cuadre con vuestro blog.

Una vez más: imaginación al poder.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir

Twitter

Pinterest

Facebook

Linkedin

Copy URL

Compartir

Twitter

Pinterest

Facebook

Linkedin

Y muchos más artículos interesantes si nos sigues en...

• Google
• Facebook
• Twitter