How to Add Facebook Comment Box to Blogger ( Explanation updated )

Admin

07 September 2013

Some time ago and I want to put Topic you devote how to add Facebook comments to blogger
As we know Facebook has become a site not dispense it owners websites and blogs, it is the biggest way to get visitors and a lot of stuff and everyone knows and the comments Facebook is in addition a very wonderful allows you to communicate with your visitors on Facebook is very easy and wonderful and also the possibility to respond to others' comments and admiration and manage comments and full control and also each of the suspend it appears accompanied by the subject and this course will increase the spread of your posts on the largest social network in the world and hence an increase in visitors, now we go to the practical application of ...

Step 1: create an application on Facebook
Now go to this link to create an application then continued the explanation in pictures:

Now copy the App ID and save it in a notepad

Step 2: Login to you Blogger dashboard and navigate to Layout > Edit HTML and check on Expand Widget Templates. Search for the code <data:post.body/> or <div class='post-header-line-1'/> and paste the code below <data:post.body/> or <div class='post-header-line-1'/> and save the template.

<b:if cond='data:blog.pageType == "item"'>

window.fbAsyncInit = function() {

FB.init({appId: 'APPID', status: true, cookie: true,

xfbml: true});

};

(function() {

var e = document.createElement('script'); e.async = true;

e.src = document.location.protocol +

'//connect.facebook.net/en_US/all.js';

e.async = true;

document.getElementById('fb-root').appendChild(e);

}());

</script>

<fb:comments/>

</b:if>

Change the APP ID on the code with your APP ID provided from Facebook and save the template.
Step 3: Now you need to hide default blogger commenting system. So navigate to Settings > Comments and select hide and save settings.