How to Add Facebook Comment Box In Blogger Theme Latest Method 2015-16: In this Article you learn how to add Facebook comment box in blogger and get huge traffic from Facebook using Facebook comments box. This Add comment box latest trick.
Facebook Plugin Overview
Facebook released huge collections of plugin's for blog owners. so Everyone can add Facebook comments on their website or blog, Facebook is the one of the viral social network of Earth so you can get huge traffic from Facebook. you can Engaged many users from Facebook through adding Facebook commenting System in your Blog. Also you can add other's social network comments like google plus.
You can get real traffic from all over the world using Facebook comments. just you need to few tricks to add Facebook comments in your blogger site.
Method Of Adding Facebook Comment Box In Blogger Theme
Step # 1: Create Application
In this step i'll tell you How you can create Application on Facebook.
- Visit Facebook Developer. Note: Must login on Facebook
- Click on My Apps in Navigation.
- And Select Add new App after click on Add new app appear a new popup window Add a New App.
- Select the your app nature. Android for Android People , IOS for IOS Developer and Facebook Canvas for Facebook Games and Apps, we want to add Facebook Comments on blogger so we Select WWW Website for blogger.
- Next Thing is come now you need to add name of your App name.
- After writing your app name you need to click on Create New App ID.
- Click on Create App ID for creating an App and chose category from drop down.
- Enter your website/ or blog link and click on next.
- Now that you've got the SDK setup, you can use it to perform a few common tasks. Social Plugins such as the Like Button and Comments Plugin can be inserted into HTML pages using the JavaScript SDK.
- You can Get comment Plugin code from this link . you can get your Desired comment plugin from this link Comments Plugin. also you can edit width, you can change color of your comments plugin.
<div id="fb-root"></div>Place This code where you want to show your facebook comment Box
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=1651048058482938";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://twotricks.blogspot.com" data-numposts="5"></div>http://twotricks.blogspot.com you can replace URL with your blog url.
Now Learn How to Install Facebook Comments in Blogger
First you need to find <html
Add xmlns:og='http://ogp.me/ns#' after <html
<html xmlns:og='http://ogp.me/ns#' ...... xmlns:expr='http://www.google.com/2005/gml/expr'>
Now find the <body> tag and paste the given code just after that <body>
<div id='fb-root'/>Replace Facebook page url with your url, replace AppID with your AppID, Repalce Twotricks with your blog title.
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'AppId',
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>
<meta expr:content='data:blog.pageTitle' property='og:title'/>Comment box in blogger blog.
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='AppId ' property='fb:app_id'/>
<meta content='twotricks' property='og:site_name'/>
<meta content='http://www.facebook.com/twotricks' property='fb:admins'/>
<meta content='article' property='og:type'/>
At last you should put comment box structure in the blog.
Go and 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:10px 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='620'/></div>
<div><a href='http://techydesk.blogspot.com' style='color:black; font-size:12px; font-style:italic;' target='new'>TechyDesk</a> </div>
</div>
</b:if>
How to Add Facebook Comment Box In Blogger Theme Latest Method 2015-16 Video Tutorial
Comming Soon....
Conclusion
This post is all about how you can add Facebook comments box in blogger and how you can get huge traffic from Facebook using comment box.
This article is very effective especially for me. I was searching about it. Now my problem is solved. Thanks for sharing your valuable experience.
ReplyDelete