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 )
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 .
- Just create app with valid App name, their is no need to add or change any another option and if you want then add.
- 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’
<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>
- Replace YOUR_APP_ID with your app id.
</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’/>
- technoup2date With Blog Title Name
- BLOG_LOGO_IMAGE With Logo Image
- YOUR_APP_ID With Facebook App id
- 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:
<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 == "item"'>
<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.
About Author jai
I’m a technology freak, Young Entrepreneur.I completed engineering , Started a work as the full time blogger. I am always happy to share my passion for technology information for you through this blog.
How To Add Facebook Comments Box To Blogger Blog or websites
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 )
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:
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.
<html xmlns:fb=’http://www.facebook.com/2008/fbml’
<body>
<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>
</head>
<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’/>
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:
<b:includable id=’comment-form’ var=’post’>
<div class=’post-footer-line post-footer-line-1′>
<b:if cond='data:blog.pageType == "item"'> <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>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.
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.
Related posts:
About Author jai
I’m a technology freak, Young Entrepreneur.I completed engineering , Started a work as the full time blogger. I am always happy to share my passion for technology information for you through this blog.
Related Posts