Add Comment count to Post Header Titles in Blogger

 You detected the quantity of comments displayed in comments section within every posts. it's placed beneath the post. it's not noticeable to guests. does one wish to feature it to header to inspire your guests to comment. The guests solely see the comment count once they reach at the top of the post. if the visitant not scroll to footer half , the comment count won't see.
Do you trust displaying comment calculate the highest of post are better? Then here we have a tendency to at showing a method to feature comment count with stunning backgrounds to the header a part of the post, not solely within the post however conjointly it'll show to homepage.


After adding his trick the comment count are displayed with post titles , if additional comments on the post, it'll encourage the users to comment and conjointly helps to leap to comment section.




How To Add Comment Count To Post Header

• Sign In to Blogger Dashboard

• Go to Template -> Edit HTML

• Find (Ctrl+F) ]]></b:skin> and copy the below code above it

comment-count {
float : right;
width : 48px;
height : 48px;
background : url(  IMAGE URL  );
background-repeat: no-repeat;
font-size : 18px;
position:absolute;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}

Choose The Comment Count Background

Copy the URL of image you want by right clicking and select Copy image Location or Copy Image URL.
Replace the RED marked portion above with the image URL

Add Comment Count Code

Find the following code:

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

Then Add the following code below:

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

Save the theme
Congratulations you have done. Check your blog and get more comments. 

Tweet