how to to Add Comment Counter to Post Header Titles in Blogger

Add Comment Counter to Post Header Titles in Blogger: By Default quantities of Comments is appeared beneath the every post in Comment Section.As it is put underneath post , so the greater part of us never saw it.

Now If you are occupied with adding this Comment Counter to Header it will truly move your blog perusers and will socially constrain them to comment.It's a reality , in the event that you add Comment Counter close to Blog post Title it will be thoroughly better then the underneath area.

And it will without a doubt rouse your Blog Readers to Comment on your Posts.What Do You Think this Counter is better perfect to Post Titles? On the off chance that Yes, Then take after the accompanying strides.

1. Go To Blogger 
2. Tap On Template 
3. Alter HTML 
4. Scan for ]]></b:skin> 

Presently Copy the Below Script and include it simply above ]]></b:skin>

.comment-count {
float : right;
width : 47px;
height : 47px;
background : url(  SPECIFIC IMAGE URL  );
background-repeat: no-repeat;
font-size : 19px;
position:absolute;
margin-top : -16px;
margin-right : 2px;
text-align : center;
}

Presently Chose the Comment Counter Background
Presently Copy the Image URL and Replace SPECIFIC IMAGE URL in the script with the picture URL Presently Add Comment Count Code

 

For That Again Go To Blogger Dashboard >> Template >> Edit HTML >> Search For

<h2 class='post-title section title' itemprop='name'> OR class='post-title passage title' 

Presently Copy the Below Script and include it underneath the Above said Code

<b:if cond='data:post.allowComments'> <a class='comment-number' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if> 

Presently Save Template and That's it !

So What's Up : If You Liked this tut , Please Share it and Express your perspectives in Comments . Remain Blessed ,Happy Blogging!

Share Share Tweet Share Share Share

Home

Thanks For You Reading The Post We are very happy for you to come to our site. Our Website Domain name https://bcodedblog.blogspot.com/.