11 (Blogger) Numéroter les commentaires

Après avoir vu comment personnaliser vos réponses aux commentaires et ajouter une bulle dénombrant les commentaires, voici comment numéroter vos commentaires.

Une astuce assez rapide à réaliser :

On commence par la partie CSS, vous allez dans Présentation > Modifier le code HTML > Vous cochez Développer des modèles de gadgets.

Vous recherchez la ligne (Edition > Rechercher dans le menu de votre navigateur)

]]></b:skin>

qui marque la fin du CSS et juste avant vous collez

.comm-num a:link, .comm-num a:visited {color: white !important;text-decoration: none !important;background: url(http://i46.tinypic.com/nntcue_th.png) no-repeat;width: 64px;height: 64px;float: right;display: block;margin-right: 5px;margin-top: -15px; /*comments-counter position*/text-align: center;font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;font-size: 15px;font-weight: bold;padding-top:15px}
.comm-num a:hover, .comm-num a:active {color: gray !important;text-decoration: none !important;}

http://i46.tinypic.com/nntcue_th.png est l'adresse de votre bulle
width: 64px;height: 64px : ce sont ses dimensions

Passons maintenant à la partie configuration, toujours dans Présentation > Modifier le code HTML > Vous cochez Développer des modèles de gadgets.

Vous recherchez (Edition > Rechercher dans le menu de votre navigateur)

<b:loop values='data:post.comments' var='comment'>

et vous collez juste avant

<script type='text/javascript'>var CommentsCounter=0;</script>

Vous recherchez maintenant (Edition > Rechercher dans le menu de votre navigateur)

<data:commentPostedByMsg/>

et vous collez juste après

<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

Vous enregistrez le modèle et admirez le résultat.

J'ai utilisé la même bulle que pour les titres, Dblab, qui propose cette astuce, expose d'autres modèles à sauvegarder.