Habilitar el Avatar en los Comentarios en Blogger

En principio la plantilla que estoy usando no mostraba el avatar en los comentarios, pues estuve buscando la forma de habilitarlos y la encontré en el blog de Claudia de Chicablogger.

Si tu plantilla no tiene habilitado el avatar sigue los siguientes pasos:

Para ello ve a Configuración > Comentarios > localiza Mostrar imágenes de perfil en los comentarios selecciona SI y Guarda la configuración.

Ahora ve a Diseño > Edición de HTLM > Expandir los artilugios busca "Avatar" para saber si tienes las líneas de código que corresponde al avatar, si no lo encuentras sigue los siguientes pasos para habilitarlo:

 Con la ayuda de (Ctrl+F) busca el siguiente código:


<dl id='comments-block'>


Cámbialo por este otro:


<dl expr:class='data:post.avatarIndentClass' id='comments-block'>


Un pelín más abajo, busca:


<a expr:name='data:comment.anchorName'/>


Justo debajo, agrega lo siguiente:


<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>


Ya está casi terminado, Guardamos los cambios.

Ahora le daremos un poco de estilo añadiendo las propiedades CSS por defecto del  avatar, pegar el siguiente código antes de ]]></b:skin>



#comments-block .avatar-image-container img {
border:1px solid #CCCCCC;
float:right;
}


Las dimensiones de avatar son de 35 x 35 píxeles.

Puedes configurar el grosor del borde, cambiando el número de píxeles, en lo que aparece en rojo en el último código y también el padding de la imagen.

Proximo artículo: Poner una imagen en los comentarios anónimo en blogger.

Vía | Chica Blogger