Numbering to Blogger Comments

Add comments numbers next to the post title help your visitors to know about the popularity of your post. It also help your visitor to know about the many comments has been post so far. This widgets appears net to your post title when your readers suffering your site specially in your home page they see the comments number of per post next to post title which attract your visitor and also want o comment on your post this is the best source of covering more comment in one per post.

Add comments number to Blogger:

• Go to your Blogger account and open the template tabs right of your Blogger dashboard.
• Click on the edit HTML and open it. The new window appears with your template codes.
• Now press Ctrl + F the new light box will appears and put this code ]]></b:skin> and press enter past the below code just above this code ]]></b:skin>.

.comment-bubble { float: right; width: 48px; height: 48px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBAvir8Gyxsyb99oq7ojmk4UNy6VB3RGKlH5frYt8gfdqAGo692xHm7GuGN5ODbl7uZarr_qEwM2RukcbernwmBer41Kl0KYuDR3jvHuY_gqdNGomZQnYAUYC_lhiqRd2Gc0SoNDyh-TA/s1600/ReverBlog+-+comment+bubble2.png) no-repeat; font-size: 18px; float: right; margin-top: -15px; margin-right: 2px; text-align: center; position: float; text-align: center; }

Fully customize able code. Change the image URL with your own once. Change the position fro left to right and width.

Now find this below code.

<b:if cond='data:post.link'>

Replace the above code with below code.

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

Save your template and refresh your blog take a preview and you will see the numbers of comments per post next to the post title.

Please give us feedback. If you face any code problem or some other issue related to this post article do let us know we will solve your problems.

---

Tweet

About Post Author:

This post is fruit of pen-clipping of Mohammad Hamza, poineer of ProFeedLinks. He likes to shear about his thought and experience with others.

Read more about Mohammad Hamza »