Add Comment Count Widget to Post Titles in Blogger

By Default the no of Comments displayed in comment section inside each post. So It is not noticeable to visitors. If you add Comment Counter near to Blog post title it will help not only to get more comments on your blog but it may also give your visitors a hint about which are the most popular posts on your blog. If you want to add comment count to post header, then follow the below steps.

1. Go to Blogger Dashboard and Select Template.

2. Click on Edit HTML.

3. Back up your existing Template before making any changes.

4. Find (Ctrl+F): ]]></b:skin> .

 5. Add the following code above it.

.comment-count {

float : right;

width : 48px;

height : 48px;

background : url(  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghWXuGXp3uc2Gh7BVVYfJzuuQGuzyFzlXGgZOlkSOfRzy2C4aIV8zH9fHEUlC-iKWw-12vflk6aASSwMxLV5FwbXWx_y5PQO8p6hOlUP-6O29GWxFrFGhHDnLSe58yYVYeVttUaRDQPR38/s1600/2.png);

background-repeat: no-repeat;

font-size : 18px;

position:absolute;

margin-top : -15px;

margin-right : 2px;

text-align : center;

}

 6. Again find the following code.

 <h2 class='post-title entry-title' itemprop='name'>

or

 class='post-title entry-title'

 7. Add the following code below it.

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

<a class='comment-count' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

</b:if>

 8. Now save your template. Its Done !!!