How to Add Facebook Commenting System to Blogger Blog

You know there are several commenting systems you can add to your blogger blog. In my previous articles, I have shown you how to add Disqus commenting and Google plus commenting system to your blog. Now here is another popular and effective commenting system that is facebook comment box. You can add facebook comment box in blogger. This article will help you how to add facebook commenting system to blogger blog?

Enable Google Plus Comments to Blogger Blog

Facebook is the best and most popular social networking site. This giant social network can be your big source of traffic. You know that how important for all the bloggers and websites owners to make a good connection with facebook. This excellent social networking site is one of the best ways to promote any online business as well as your blog or website. A lot of people are using facebook commenting system on their sites. You can also do it but you have to know how to facebook commenting system to blogger blog?

How to Add Disqus Comment to Blogger Blogs

The default comment box of a blogger is good enough. But you will get more benefits if you add facebook comment box in blogger. Facebook comment box is the best social plugin of facebook. It was introduced in 2009 by facebook developers.

How to Add Google Translate to Blogger Blog Site

There are different facilities of facebook comment box:

  • Facebook has billions of users. If you add this comment box to your blog, it will help you to make relation with the users. So more people comment on your blog.
  • Commenters will get notifications if they comment on your blog. Thus your traffic will increase.
  • Comment moderation is availably in facebook commenting system.
  • All the facebook users can comments on your sites without registration.
  • This commenting system offers you multiple commenting options just like google plus commenting system.
  • Facebook comments support Yahoo, AOL, and Hotmail services to comments on.
  • The design is really attractive and up to date.
  • It decreases your spam score. If anyone tries to spam, again and again, facebook automatically disables him/her from commenting.

There are some problems also but not much. You have to depend on facebook. Only the register users can comment on your site. They need to login on facebook before commenting. But these are not big problems. You can add this commenting system without any hesitation. This article show you how to add facebook commenting system to blogger?

How to Add Facebook Commenting system to Blogger

  • At first, you need to create a new application. Go to this link Then click on Create a New App. You need to login your facebook account before.
  • Then you will get a popup. Enter display name, contact email, and category. Now click on Create App ID.

How to Add Facebook Commenting system to Blogger

  • Now you need to enter a captcha code then Submit. Then you will see a new page where you can see you app ID. Save the app ID in notepad for further use.

How to Add Facebook Commenting system to Blogger

  • Now login to your blogger Dashboard. Click on Template >> Edit HTML. Press Ctrl+F from your keyboard and find the below code.Generally, it appears at the top of your Edit HTML page.
  • Now paste the following code just below of the above code after giving a single space.
  • Now again search for </body> tag and paste the following code just above </body> tag.
<div id='fb-root'/>
window.fbAsyncInit = function() {
xfbml : true,
version : 'v2.2';
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); = id;
js.src = &quot;//;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));

You need to replace YOUR FACEBOOK APP ID with your App ID that you saved in notepad.

  • Then find the </head> tag. Paste the following code just above </head> tag. Replace  YOUR FACEBOOK APP ID with our app ID.
<meta property="fb:app_id" content=" YOUR FACEBOOK APP ID" />
  • Now find out <b:includable id=’comment-form’ var=’post’>  or

<div class=’post-footer-line post-footer-line-1′></div>

Then paste the following code just below one of these above codes.

cond='data:blog.pageType == "item"'>
style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'>
  • Click on Save Template. That’s all. You heve done.

Go to your blog and enjoy the facebook commenting system. Hope you know how to add facebook commenting system to blogger.

Munna Hossain

Hello, I am Munna Hossain. I am a professional blogger and affiliate marketer. I am interested in technology, blogging, SEO, and WordPress. My blog Mytechgoal provides you all information about technology, blogging, SEO, and affiliate marketing.

Click Here to Leave a Comment Below 0 comments