Avatar en comentarios. Restaurar artilugio.

Una vez más llego un poco tarde, porque revisando mi lector de feeds que lo tenía algo abandonado, he descubierto que ayer Vagabundia habló de esto mismo. Pero bueno, ya que lo tenía redactado y para los que no sigais mis consejos y no esteis suscritos a ese estupendo blog, ahí va lo que había preparado.

Hace tiempo, los avatares de los comentaristas sólo salían cuando tenías seleccionada la opción de Ventana Emergente. Surgió entonces un código (PurpleMoggy) que solucionaba el asunto y que mostraba los avatares en cualquier caso. Pero por un motivo que desconozco, luego también dejó de funcionar.

Parece ser que Blogger ya lo ha arreglado, pero el problema es que a los que tenemos (bastante) modificada la plantilla, esas actualizaciones no nos han sido cargadas. Esto de que Blogger cambie de cuando en cuando el código que sólo manejan ellos, nos trae de cabeza en estos casos.

Antes de seguir, una nota importante. Los avatares sólo se verán si previamente hemos seleccionado esta opción en Configuración > Comentarios > ¿Mostrar imágenes de perfil en los comentarios? > SI, así que ya le estais dando si vais a continuar con esta modificación.

La solución para volver a tener avatares como Dios manda, aunque drástica, no es muy complicada. El único problema es que perdereis los posibles cambios que en esta parte hubierais hecho hasta ahora, tal como numerar los comentarios, estilos personalizados por autores, efectos especiales en el formato del bloque del comentario, avatares especiales, reubicación de los iconos... Por eso, antes de cambiar nada, copiar el artilugio en un bloc de notas o similar y guardarlo. Después sólo tendreis que volver a incorporar las cosas que os gusten a este nuevo código, de la misma forma que lo hicisteis anteriormente. También podeis hacer directamnte una copia de seguridad de toda la plantilla por si las flies.

Y a lo que vamos... buscamos en nuestra plantilla con artilugios expandidos, el que comienza con <b:includable id='comments' var='post'>. Una vez localizado, habrá que cortar desde ahí hasta </b:includable>, ambos incluidos y sustituir por el código original que ahora proporciona Blogger y que por su extensión hemos puesto plegado en este enlace.

No podreis ver el resultado con Vista Previa porque los comentarios sólo salen en páginas individuales (item. En consecuencia, habrá que Guardar y visualiza una entrada con comentarios para comprobar los cambios.

Ver/Ocultar CODIGO [+/-]

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

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<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='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

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

Actualización: Para los que querais conservar vuestras modificaciones, echad un vistazo a este post de Trucos Geek, porque parece que en la mayoría de casos, no hará falta sustituir todo el código y será suficiente con hacer cambios en un par de líneas.

¿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