.png)
Get a Facebook Application ID
- Go To Facebook Developers Page
- Submit your blog URL name and keep Site name blog Title" and Site
- You can create you own Facebook apps check it secret and apps id
8. Save Changes and jump to the next steps
Adding the Facebook comments Box to Blogger NEw
- *Go To Blogger > Design* > Edit HTML*
- Backup your templates
- *Check the "Expand Widget Templates" box*
- *Search for <html and just after it give a space and add this code,*
xmlns:fb='http://www.facebook.com/2008/fbml'Next search for the
<body>
Note: In New Bloggesr Designed templates the same code look like this--,
<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 Facebook application ID that you saved in
- Next search for </head> and just above it paste the followsing code...
<meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.url' property='og:url'/> <meta content='superbsolutiones' property='og:site_name'/> <meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/> <meta content='YOUR_APP_ID ' property='fb:app_id'/> <meta content='http://www.facebook.com/bloggerwidget' property='fb:admins'/> <meta content='article' property='og:type'/>
- Replace Superbsolutiones with your blog title/Name.
- Replace YOUR_APP_ID with the your Facebook Application ID that you saved in notepad
- Replace http://www.facebook.com/Bloggerwidget with your Facebook user profile link
- Now Search for this..
<b:includable id='comment-form' var='post'>8. Just after it paste the code given below*////
<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: Bloggerized by <b><a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>AllBlogTools.com</a></b> Enhanced by <b><a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>MyBloggerTricks.com</a></b></div></div> </b:if>
- Improtant Word
0 comments:
Post a Comment