Add Comment Count to Post Header Title

Posted by Sujitha Reddy

       Add Comment Count to Post

Comment count to the post titles is a new upcoming widget which displays the number of comments in the comment section to each post. This widget appears below the post and it is not noticeable to the visitors. If you want to add the widget to the header to inspire he visitors to comment they you follow the below process, actually these comment counts are mentioned below the post if the user does not see the post till below then he may not able to give up with a comment, for them we are providing the add comment count at the top of post so that each and every visitor will check the huge  number of comment counts.
add-comment-count-to-post-header-titles

More over you can add the comment count with different styles to attract the users. In this we will show you a trick to add comment count with beautiful back grounds to the header part of the post, this is also visible in the homepage.

How to Add Comment Count to Post Header

how-to-add-comment-count-to-post-header
----->First step is to sign in to Blogger Dashboard.
----->Now go to Template and select Edit HTML
----->Press Ctrl+F key, and type  ]]></b:skin> now 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;

----->To Choose the comment count background first select the shape of image you want and copy the url of the image you want by right clicking it. Now copy the image url.
----->Paste the url in the above code "Image Url" which is of blue colour.
add-comment-count-to-post-header-titles
----->Add the comment code for that fist find the below code
 <h2 class='post-title entry-title' itemprop='name'>
or
class='post-title entry-title'
----->Now 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 the template.
Thats it you have successfully added the comment count to the post header and main blog. you can check the blog, if you have any queries regarding this post feel free to comment!!!!!....

0 comments:

Post a Comment