You see the number of comment posted in comments section on every post which is placed under the post. Sometimes it not has been noticed by the visitor. Do you wish to added it to header to inspire visitors to comment on post? Until the visitor not scrolled to bottom the comment count will not see.
Do u want to displaying comment count on the top of the post? there here we are showing you a tech to add comment count with beautiful background to the header of the every post and on home page.
After adding this trick the comment count will be displayed to every of your post.It encourage the visitor to comment on your Post
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 clicking right on image and Select Copy Image URL or Copy Image Location
- Replace the Red marked Portion Above to Image URL
Add Comment Count Code
- Find (Ctrl+F) 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 and Done
Congratulations!! you have done . If you like this Article please take a few second to share it..thanks
0 comments:
Post a Comment