Si la nouvelle fonction Avatar de Blogger (article d'introduction: Avatar, Scoop LeBlogger), qui permet d’afficher l’image du profil dans les commentaires de Blogspot ne fonctionne pas par défaut dans votre blog, alors vous devez d’abord effectuer une petite modification dans votre code HTML.


Tout d’abord connectez-vous à Blogger, Allez dans "Paramètres", cliquez sur "Commentaires" puis cochez la case "Oui" pour "Afficher les images du profil sur les commentaires".

Maintenant, Allez dans "Mise en page", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets", et recherchez le code suivant:

<dl id='comments-block'>

 Remplacez le par :

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

Maintenant recherchez :

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

(si vous ne trouvez pas cette ligne, recherchez <b:loop values='data:post........> (c'est la deuxième ligne après le <dl id='comments-block'> ) et juste après, ajoutez le code qui est en dessous)

Et remplacez le avec :

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

C’est tout, vous devez normalement voir un avatar à coté des commentaires de votre blog, y compris les anciens.

Pour les commentaires effectués avec un compte Google sans Image de profil (ou avec OpenID, Wordpress, LiveJournal, Typepad, AIM), une petite icône Blogger est affichée comme Avatar et pour les commentaires Anonymes rien ne s'affiche.
On verra prochainement comment personnaliser ces parties.
Donc pour afficher une image pour les commentaires Anonymes (ou Nom URL), il suffit d'ajouter un petit bout de code à votre Template.


Connectez-vous à Blogger, Allez dans "Mise en page", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets", et recherchez le code suivant:

]]></b:skin>

Et juste avant copiez ces lignes:

/* Avatar */
.avatar-image-container img {
background:url(http://blogspot.leblogger.com/divers/avatarb.png);
width:35px;
height:35px;
}

(cela va également redimensionné la petite Favicon Blogger (de 16x16x à 35x35) qui s'affiche pour les commentaires effectués avec OpenID, Wordpress, LiveJournal, Typepad, AIM.....)

Pour tester cette Astuce, laissez un commentaire dans ce blog et vous allez voir un Avatar à coté de vote Nom.