Truc pour commentaires Blogger

Pour une fois je vais me rendre utile: je vais vous donner un truc pour que vos commentaires soient affichés avec un style différent dans votre blog. Vous avez peut-être vu ça sur d'autres blogs, et certains proposent déjà des trucs pour ça. L'ennui c'est que leurs méthodes sont souvent trop compliquées et demandent que vous tapiez deux pages de javascript. Mon truc est beaucoup plus simple, mais par contre il ne fonctionne que sur Blogger.

Pour commencer, allez à "paramètres" dans votre tableau de bord, sélectionnez "modifiez le code HTML" puis cochez la case "développer des modèles de gadget". Cherchez dans votre code la section ressemblant à ceci:

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

Copiez-collez la juste en dessous:

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

Maintenant vous allez créer une condition, en utilisant les widgets Blogger, comme ceci:

<b:if cond='data:comment.authorUrl == "url de votre profil Blogger ici"'>
<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: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>

Changez la classe CSS du premier tag <dd>

<b:if cond='data:comment.authorUrl == "url de votre profil Blogger ici"'>
<dd class='nouvelle-classe'>
<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: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>

Il ne reste plus qu'à créer une nouvelle classe CSS, comme ceci:

.nouvelle-classe {
font-style:italic;
color:gray;
}

Et c'est tout. En imbriquant vos if/else l'un dans l'autre, vous pouvez répéter le processus pour vos co-auteurs

<b:if cond='data:comment.authorUrl == "url de votre profil Blogger ici"'>
<dd class='nouvelle-classe'>
<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:else/>
<b:if cond='data:comment.authorUrl == "url d'un autre profil Blogger ici"'>
<dd class='encore-une-autre-classe'>
<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: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>
</b:if>

Le tout est d'éviter de vous emmêler les pinceaux dans vos boucles. Évidemment si votre blog n'est pas sur Blogger, vous pouvez oublier ça, à moins que vous réussisiez à adapter la technique.