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:

Related Posts:

  • Easy DNS Settings For Blogger DomainsUPDATE: Please read a Far easy one step process by clicking this link -> Blogger Domain Settings SimplfiedAfter purchasing a domain from a hosting service you need to make some DNS settings in order to associate your new c… Read More
  • How To Give Admin rights In Blogger?Blogger gives you the option to choose up to 100 blog Authors or contributors and 100 blog readers. Most often while designing blogger templates I need to access my client's Edit HTML section and the only way to have such pri… Read More
  • Add Tic-Tac-Toe To a WebpageLet your visitors play Tic-Tac-Toe game on your Blogspot/blogger blogs! We created and played with tons of widgets and plugins now its time to add some spice to your normal work. Engaging readers in an interactive activity li… Read More
  • Divide Blogger Header In Two Parts or SectionsA blogger header consists of every single section that appears at the top of your blog. It is a container which contains two important sections which are Logo portion where you add title, logo and description of blog and the … Read More
  • Smooth Scrolling "Back To Top" Button for BloggerFinally yet another exciting trick to create a smooth scroll to top button for BlogSpot blogs. We designed and released many buttons and tutorials on back to top/bottom buttons but they were all static and had no fade out eff… Read More