(Blogger) Personnaliser le design de vos réponses aux commentaires

Une astuce pour distinguer vos réponses des commentaires postés par vos visiteurs.

Un exemple sur cette saisie d'écran :

Vous allez dans Présentation > Modifier le code HTML > vous cochez Développer des modèles de gadgets
On commence par la partie configuration : vous recherchez - Edition > Rechercher dans le menu de votre navigateur - ce passage qui concerne les commentaires de l'auteur du blog :

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>

Les lignes importantes sont en bleues. Au mileu, peu importe si vous avez d'autres lignes.

Vous rajoutez à la suite :

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/> 

Ensuite, vous devez avoir :

            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>

Là encore, les lignes importantes sont en bleues et au mileu, peu importe si vous avez d'autres lignes.

Vous rajoutez à la suite :

</b:if>

On passe maintenant à la partie design, vous recherchez :

]]></b:skin>

qui marque la fin du CSS et juste avant, vous collez

.comment-body-author {background: #000;color: #fff;border: 1px solid #ff0000;padding:5px}

A vous de personnaliser le design :

• le fond : background
• la couleur de la police : color
• la bordure : border
• les marges : padding
• etc ...