How to install Facebook comments box in blogger
Here we going to explain how to install a Facebook Comment box in blogger, fallow the step to implement this comment box in blogger or custom template in blogger
1. Procedure
Step 1 : Go to Facebook developer website and create an app in that site here is the link Click Here
See the image Click on Create New App
Step 2 : Fill the details in that as shown in figure
 |
 |
Step 3 : Click on Edit settings to see the details of app and note the App ID also see as shown in figure
 |
 |
You can edit the details and your blog or website logo in App Details
2. Procedure
HTML Code for Adding a Facebook Comment Box in Blogger
Embed Facebook Comment box in your Blog or Website Template
1. Open Your Blogger template and Edit your HTML
2. Check the "Expand Widget Templates" box
3. Search for the <html and give a space and add this code or paste this code
xmlns:fb='http://www.facebook.com/2008/fbml'
4. Now search for the <body> this is for old blogger interface and for new blogger interface in 2012 search for this code
<body expr:class='"loading" + data:blog.mobileClass'>
5. After finding one of these code pate HTML code immediately after that code HTML code give below
<div id='fb-root'/> <script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR APP ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(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>
Replace Your App ID with your App ID number
Comments
Post a Comment