Ajouter le nombre de commentaires près du titre à Blogger

Publié par Othmane BENTALEB à 12:06

Bismillah. Bienvenue sur Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Cette fois, je vais vous expliquer comment ajouter le nombre de commentaires près du titre de sujet à son blog.
C'est très facile. Pour voir un exemple : http://outils-blogger-test.blogspot.com/

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Allez au Tableau de bord votre blog :

Présentation ---> Modifier le code HTML ---> Développer des modèles de gadgets

Rechercher le code suivant :

]]></b:skin>

Et coller le code ci-dessus :

.comment-bubble { float : right; width : 48px; height : 48px; background : url(http://cdn1.iconfinder.com/data/icons/Free-PSD-blogging-icons-Bimbilini/48/comment_add.png) no-repeat; font-size : 18px; margin-top : -10px; margin-left : 5px; text-align : center; padding:10px 0px 0px 0px; /*for more hacks : http://outils-blogger.blogspot.com/ */ }

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo-Référencement.

Puis cherchez le code suivant et ajouter le code en rouge :

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'><b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>