Easily Add Facebook Comment Box Plugin To Your Blogger
facebook comments box blogger
As everybody knows that social media is increasing day by day and most of the visitors to website comes from social media websites. Face book is the biggest platform for social media activity over the internet.
So this can be good idea for you to get feedback for face book  users directly to your website.
Today we will discuss how can we add face book comments box to your blogger website.
How To Get Facebook App ID?
Just follow the link and and click on +Create New App
facebook-create-app-image
Now fill the required credential and create your new app.
Now write down your app ID
Now go to your blogger dashboard and click on  Template > Edit HTML

blogger-edit-template

Now look for <html and after it with a space paste the above code

xmlns:og=’http://ogp.me/ns#’
Now look for <body> tag and just next to line paste the above code

<div id=”fb-root”></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ‘YOUR FACEBOOK APP ID ‘,
status : true, // To check for your log in status
cookie : true, // To enable cookies to allow for  the server to access the session log data
xfbml : true // parse XFBML Method
});
};
(function() {
var e = document.createElement(‘script’);
e.src = document.location.protocol + ‘//connect.facebook.net/en_US/all.js’;
e.async = true;
document.getElementById(‘fb-root’).appendChild(e);
}());
</script>
Now replace ‘YOUR FACEBOOK APP ID with the app ID you wrote down earlier and paste it.
Now look for Now search for  <b:includable id=’comment-form’ var=’post’>  and just after it paste the above code
<b:if
cond=’data:blog.pageType == “item”‘>
    <div
    style=’padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;’>
        <script
        src=’http://connect.facebook.net/en_US/all.js#xfbml=1′
        />
        <div>
            <fb:comments
            colorscheme=’light’
            expr:href=’data:post.url’
            expr:title=’data:post.title’
            expr:xid=’data:post.id’
            width=’550′
            />
        </div>
                </div>
                </b:if>
Now click on the save button and you have successfully added face book comments to your blogger website.

Friends if you like the tutorial and any queries comment or contact us.