Différencier les commentaires de l'auteur

Le système natif de commentaires dans Blogger est relativement sommaire. Aujourd'hui, nous allons voir une astuce qui permet de marquer visuellement les commentaires postés par l'auteur du blog, pour pouvoir les différencier des commentaires des visiteurs.

Pour cela, nous allons devoir modifier le gadget qui gère les commentaires.

Avant toute modification, pensez bien à sauvegarder votre modèle actuel.

Dans Mise en page > Modifier le code HTML, cliquez sur Développer des modèles de gadget.

Localiser la partie de code suivante :

<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>

Ce code est responsable de l'affichage du contenu des commentaires. Notez au passage que c'est ici les commentaires supprimés (isDeleted) sont marqués différemment des autres. Remplacez cette section par ce code :

<b:if cond='data:comment.author == data:post.author'>
  <dd class='comment-owner-body'>
    <p><data:comment.body/></p>
    </dd>
  <b:else/>
    <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>
  </b:if>

Explications : nous sommes ici dans la boucle de parcours de tous les commentaires.

• data:post.author est une donnée contenant le nom de l'auteur du billet. 
• data:comment.author est une donnée contenant le nom de l'auteur du commentaire.

Lorsque les 2 données sont identiques, c'est que le commentaire est celui de l'auteur, auquel cas on marque le bloc de la classe author-comments.

Maintenant, il ne reste plus qu'à définir les caractéristiques visuelles des commentaires de l'auteur, en jouant avec les styles CSS.
Dans notre cas, nous allons choisir une couleur de fond différente.
Localisez la ligne

]]></b:skin>

juste avant, ajoutez ce code :

.comment-owner-body {
background-color:#fccda6;
}

Le style des commentaires visiteurs est défini par l'élément comment-body et dépend complétement du modèle utilisé.
Ainsi, vous pourrez calquer la définition de l'élément author-comments sur celui-ci, pour ensuite en changer un ou plusieurs attributs.