Saturday, February 19, 2011

How To Add Comment Counter Button To Blogger Post

This Gadget will help you to count your comment as my post.
1. Log in to your Blogger and Go to Design >> Edit HTML

2.First of all download your full template.because if you make some wrong
    you can recover it.

3. Put checked marked in Expand Widget Templates

4.Find this tag by using Ctrl+F                   ]]></b:skin>

5. Before above tag,paste below tag
 
#comments-button {
width : 48px;
height : 48px;
background : 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp2EF7k_zLDfcawT-cSIOmQVorJ8odY5s19jm0a3fyAUsWDkQcqe1dvixmxjBbdYkZTBJhkkGl2NWmaFcSXZnXOt3d7tcBYzPJ61LzCdiZ4AWF7xtrTHg0JGlBSb2OyXq6yOiUBU7Tnvmr/s200/comment-counter-bubble.png)
 no-repeat;
float : right;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
padding-top:10px;
}

6.After  try to find this code.all template are not like same.try to find line one by one.
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

7. Paste below code after found above code.
<b:if cond='data:post.allowComments'>
<a 
class='comments-button' expr:href='data:post.addCommentUrl' 
expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>

8.Now click Preview and click save template. you are done.


4 comments:

  1. Great to know about posting comment button on blogger blog.I am searching this from long time now i got it.I will try first and then give comment on its working.Thanks for sharing the script.

    ReplyDelete
  2. Yeah blogger blogs are so popular now a days and adding counter button to the post is really a good idea.Thanks for sharing.

    ReplyDelete
  3. Hello from Athens.I would to ask if anyone knows any posts visit counter( not comment counter) widget for blogs.many thanks

    ReplyDelete
  4. it says to you how some improvement has been produced as rise as at what pace.All this superior coverage aggregation and mania checking can apportion,
    SEO Courses Online

    ReplyDelete