How To Add Facebook comment box to your blogger blog. ?

Wednesday, January 25, 2012

How To Add Facebook comment box to your blogger blog. ?

Recently Facebook added new functionality of commenting on Websites with Facebook account. Visitors of Website can add animadversion on website with their facebook annual and this adventure will acquaint on his facebook contour with hotlink of that webpage.

How To Add Facebook comment box to your blogger blog. ?

Very Easy and Simple !!! Just Follow Me
First Go to Facebook Developers
Creat New App

Next Page Appear Like This

Now Save Your App id in Notepad
Now Click on " Edit Settings "

Then go to Website option and write your Site Domain as " Blogspot.com "

Click on " Save "

Next Step !!!
Sign in Blogger Account
Click on " Design " Tab

Click on " Edit Html " Tab

Check Mark on " Expand Widget Templates "

Press Ctrl + F and Search This

<data:post.body/>

Now past the following code below it:
(Now just press Ctrl+ F and find " Your App id " and replace it with the App ID you had saved before. After that save it.)

<b:if cond='data:blog.pageType == "item"'>
<p align='left'><img alt='' class='icon-action' src='http://lh4.googleusercontent.com/-HvqNmNXhkzY/TjATfsEVeSI/AAAAAAAAAjc/yMCvjARROZk/Screenshot.png'/></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'Your App Id', 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>