How to Add Comment Counter On Each Post

June 10, 2015
Stylish Comment Counter
The blogger has given the facility of counting of post comment in each post's footer which can not be familier for the visitors and users. So if you want to show the comment counter to the header title in blogger, follow this tutorial.

Adding the comment counter in the head can be the attraction of your visitors. This can encourage more visitors to comment more on your posts. So if you also think this can be good, then here we are going to show a tips that can easily add comment count in the top of the header title.
  1. First of all get signnig into your blogger account.
  2. Second, Go to Template and Click on Edit HTML. 
  3. Then just find  ]]></b:skin> pressing (ctrl + f).
  4. Now paste the given code just above the  ]]></b:skin>.
.comment-count {height : 48px;width : 48px;background : url(  IMAGE URL  );background-repeat: no-repeat;text-align : center;position:absolute;font-size : 20px;margin-top : -20px;margin-right : 3px;

Note: You can replace whatever image by placing url in blue IMAGE URL. You also can change the attributes values of css like font-size, margin, width and height etc.

Now it is the time to add comment count code:-


Just find this code <h2 class='post-title entry-title' itemprop='name'> .
If it doesnot exist then find this  class='post-title entry-title'.

Now put the following cod just below the above code.
<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>
At last click on Save Template.

Well done, you have done successfully. Now open your blog and see on your new comment counter.
Thank You.
Previous
Next Post »