How to Add Comment count to Post Header Titles in Blogger - Blogger Tips and Tricks

Latest

Friday, September 19, 2014

How to Add Comment count to Post Header Titles in Blogger

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

 2.Choose the comment count background

      Bubble Comment Count in blogger     Bubble Comment Count         Add Bubble Comment Count    Bubble Comment Count  Bubble Comment Count   bubble comment blogger    bubble comment blogger     bubble comment blogger        blogger tips, blogger tricks    blogger widgets, bubble comment count         blogger comments, comment count          

3.Add Comment count code

Find the following code 
 <h2 class='post-title entry-title' itemprop='name'>
 or
 class='post-title entry-title'
  •  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>
  •  Save Template
Congratulations you have done. Check your blog and get more comments. If you liked this article please like and share this blog.

 


No comments:

Post a Comment