In this article i’m going to discuss about ow to Add Facebook Comments Box for Blogger. If you have lot of visitors in your facebook, Facebook Comments box also help you to make your blog to directly interact with the admin and other visitors, Hence it added the traffic by  the visitors view your article on the facebook wall on their blogger blog, wordpress blog and many other site.  and in additional  your commented post automatically comes in their news feed will chances for getting more visitors And it also provides multiple commenting features.Facebook comment has no SEO value since it’s being displayed in an iframe which Google won’t index.

Recommended article=>How to Select all Friends at once and invite Friends on Facebook ( with just One Click )

tech fb

The best advantage of the comment box in your wall to communicate with the viewers, Then you will get the idea of the what kind of post they want , help to improve the traffic and also you will get the idea about  what keyword to post  for your content being searched by many people in the Google search engine.Facebook has released comments plugin for blogs and websites. You can easily add Facebook comments box to your blog . This comments box help to post comments on your post with Facebook profile and share them on Facebook.

You have to follow the simple steps given below to add Facebook comment into your bloggers blog.

 Get a Facebook Application ID:

  • First of all Go To Facebook Developers Page
  • you need to create an app on Facebook. To create new app  by the pop up form,Fill the form and enter the captcha code .

vwwv

  • Just create app with valid App name, their is no need to add or change any another option and if you want then add.

 

gffan

 

 

  • Click on Save Button and Note down your App Id.

Recommended article=>How To Block Facebook On My Computer

Install the facebook comment in blogger blog :

Head on to facebook developer page, you should create a new app by clicking the button at the top right.

  • Login to Blogger Dashboard
  • Select your Blog and click on Layout
  • click on Template > Edit HTML/javascript box
  • Search <html with the help of CTRL + F. Replace <html to following code.

<html xmlns:fb=’http://www.facebook.com/2008/fbml’

  • Next search for 

<body>

  • paste below code just before it.

<div id="fb-root"></div>
<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> 
Recommended article=>how to fix a hacked facebook account
  • Replace YOUR_APP_ID with your app id.
  • Now Search

</head>

  • and paste below code just above it.
 

 <meta expr:content=’data:blog.pageTitle’ property=’og:title’/>

<meta expr:content=’data:blog.url’ property=’og:url’/>

<meta content=’technoup2date‘ property=’og:site_name’/>

<meta content=’BLOG_LOGO_IMAGE‘ property=’og:image’/>

<meta content=’YOUR_APP_ID property=’fb:app_id’/>

<meta content=’http://www.facebook.com/jai.vignesh.7311′ property=’fb:admins’/> <

meta content=’article’ property=’og:type’/>

  • Replace
  1. technoup2date                           With Blog Title Name
  2. BLOG_LOGO_IMAGE        With Logo Image 
  3. YOUR_APP_ID                     With Facebook App id 
  4. jai.vignesh.7311                     With Facebook Page Username 


Comment box is fixed in your blog.This code will useful for improving the appearance to blog in Facebook News Feed when someone comment on your blog.

Recommended article=>How to Backup Your Facebook, Twitter, Google+ Account

 Comment box in blogger blog:

  • Now Search For this code

<b:includable id=’comment-form’ var=’post’>

  •  If you are not finding this code, just find this code

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

  • and paste the following code just below the above code
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:0px 0px 0px 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='540'/>
</div>
<div style='color:#fff; 
background-color:#3B5998;border: solid 1px #ddd; font-size:10px; 
padding:3px; width:520px;'>Facebook Blogger Plugin by <b><a 
alt='blogger templates' href='http://www.safetricks.com' 
style='text-decoration:underline; color:#fff;' target='_blank' 
title='blogger templates'>Safe 
Tricks</a></b>
</div>
</div>
</b:if> 

  • change width of comment box change values of  width=’540′ and width:520px
  • Now Save Your Template Settings.
  • Now Refresh your blog post and see the  Facebook comment box.

Recommended article=>Secret Facebook Chat Code

Hide Blogger Comment Box :

If You Don’t want  blogger comment box in display, you want to hide it, follow the procedures.

  • Then go Settings tab of blog and then to the   Post and Comments 
  • Now Change Comment Location to Hide and then save settings.

Now you have successfully add your facebook comment box.

Even it helpful in the many way,The only  disadvantage of facebook comment box in blogger is that google spider never crawl facebook comment, so these comment can not be useful in the view of optimization.