BloggerTips

HOW TO ADD COMMENT COUNTER ON EACH POST ON BLOGGER (BLOGSPOT)

HOW TO ADD COMMENT COUNTER ON EACH POST ON BLOGGER (BLOGSPOT)

The comment counter is one of the first thing your blog visitors will always want to see, because the would like to see if your blog is active or not..

Most times blog comment helps in showing more light to any blog post like those on the technology niche.
So today I will be giving you some little step on how to add comment counter on each post just follow the steps carefully.

Image
Step 1
First you need to sign in your blogger account then select your preferred blog.

Step 2
Now scroll down to “Template” and Click on “Edit HTML”.

edit temp

Step 3
Then on your keyboard press “CTRL+F” and search for the code below.

  ]]></b:skin> 

Step 4
Now paste the given code just above the

  ]]></b:skin>.

.comment-count {height : 47px;width : 47px;background : url(  IMAGE LINK  );background-repeat: no-repeat;text-align : center;position:absolute;font-size : 20px;margin-top : -20px;margin-right : 3px;}

Step 5
Again search for the code below.

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

OR

<h3 class=’post-title entry-title’ itemprop=’name’>

OR

 class=’post-title entry-title’

Step 6
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>

Step 7
Now click on the save button up and that’s all you need…..


Hope this tutorial was helpful and if you have any difficulty feel free to drop your comment below thank you.

See also  How to Disable Right Click Menu on Website/Blogger/Webpage

About the author

Mathias Amodu

Leave a Comment