Today i will explain how to add facebook comments to blogger, as we
know that facebook is the most largest social network till now.
Facebook has released many plugins for blogs and websites.In 2009 Facebook
developers introduced their best social plugin called "Facebook Comments
Box". This plugin can be embedded in any website or blog. With the
Comments Box, Facebook users on your site can comment on your content,
post those comments to their profiles, and share them with their friends on
Facebook.
So adding facebook comments will be a good addition helping your followers
to comment your blog posts as they don't need to sign in any other social
networks. So follow these simple steps and it will ok:-
know that facebook is the most largest social network till now.
Facebook has released many plugins for blogs and websites.In 2009 Facebook
developers introduced their best social plugin called "Facebook Comments
Box". This plugin can be embedded in any website or blog. With the
Comments Box, Facebook users on your site can comment on your content,
post those comments to their profiles, and share them with their friends on
Facebook.
So adding facebook comments will be a good addition helping your followers
to comment your blog posts as they don't need to sign in any other social
networks. So follow these simple steps and it will ok:-
- Go to facebook developer page
- Choose create anew apps.
3. Complete the required information and click create.4. It will give you important information like (App ID/API Key)5. Go to blogger login in your account choose template>>Edit html thensearch for this code <html by PressingCTRL +F give it a space
then add this code blow it:-
xmlns:fb='http://www.facebook.com/2008/fbml'
6-PressCTRL +F on your keyboard to search for <body>
Note:- It may look like that in some templates:-<body expr:class='"loading" + data:blog.mobileClass'>
And add the following code just blow any of them<div id="fb-root"></div>
<script>
window.fbAsyncInit = functionundefined) {
FB.initundefined{
appId : 'YOUR APPLICATION ID HERE',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
undefinedfunctionundefined) {
var e = document.createElementundefined'script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementByIdundefined'fb-root').appendChildundefinede);
}undefined));
</script>
Replace 'YOUR APPLICATION ID HERE with your AppID
7-search for </head> by PressingCTRL +F and above it add the
following code:-
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='webarenaa' property='og:site_name'/>
<meta content='BLOG-LINK' property='og:image'/>
<meta content='YOUR_APP_ID ' property='fb:app_id'/>
<meta content='http://www.facebook.com/webarenaa' property='fb:admins'/>
<meta content='article' property='og:type'/>
-Replace webarenaa with your blog title name
-Replace BLOG-LINK with your blog link
-Replace YOUR_APP_ID with yours
-Replace http://www.facebook.com/webarenaa with your page link
8-Search for the following code by PressingCTRL +F
<b:includable id='comment-form' var='post'>
And add the following code after it<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='520'/></div> <div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px;width:510px;'>Facebook Blogger Plugin: By <b><a alt='RN Hckr' href='http://www.rnhckr.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='RN Hckr'>RNHckr.com</a></b></div></div> </b:if>Now you are done, You can control the style of the box through light and the size of itthrough width='520' ,you can change the footer credit size through width:510pxNow lets move to enabling notifications go to this URL>>https://developers.facebook.com/tools/comments/?id=YOUR_APP_IDReplace YOUR_APP_ID with yours and add your self as an moderator
If this works for you, you'll be able to say thanks by sharingon Facebook, striking the Google +1 button or just victimisation thecomment box. Also, it might be nice of you to not take away the creditlink to permit others notice this handy contraption. If you’re havingissues implementing this likewise, don’t hesitate to let me recognizeperhaps I will be of facilitate.
0 comments:
Post a Comment