Count Number Of Comments on Facebook Comments Box

fb-comments-countFinally presenting the Facebook Comment Count plugin for blogger blogs.  With the successful integration of Facebook comments Plugin , now its time that you show the total number of comments posted on your homepages.  The steps are kept as simple as possible. This add-on uses a simple code snippet that automatically tracks FB comments posted and displays the total number of comments posted by visitors. Again this is a unique trick shared by MBT Blog only. Kindly view a demo first,

 

Live Demo

How To Add Facebook Comment Count To Blogger?

I assume that you have already installed the FB box on your blog if not then kindly first apply this tutorial:

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Click the Expand Widget Templates box at the top right corner
  4. Search for this


<div class='post-header-line-1'/>

 

    5.   Just below it paste the following code,

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<span style='float:right'><img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGxDhNOR_tN0NdRTiz-I0hj1R5qucMPO2f3wwjmPiISz2M0NH5Jf1KNrSsq0WhEBK_6D3n6Xe_Sy7QiQg5s90umPbF3pPhIN9k8t9xeTwqw3ZuyrpJckCdk679h3IUpJsiS8EbRB0qVKk/s400/fb.png'/>
<a class='comment-link' expr:href='data:post.addCommentUrl'><fb:comments-count expr:href='data:post.url'/> Comments</a></span>
</b:if>

 

   You can replace Comments with any text you like.

     6.   Save your template and you are all done!

Visit your blog to see it in action. Feel free to ask for any help if needed. I will publish new and more interesting variations of this code so make sure you subscribe and do not loose any update. Peace out! :>

You will also enjoy these posts: