1st, on http://developers.facebook.com, create a new facebook app.
- Fill out the Display Name;
- Update the contact email if you need to;
- App domain is the web url without protocols, like http, https, etc.. Ex: example.blogspot.com
- Check the option: Website with Facebook Login, Fill the Site with your full URL address, Ex: http://example.blogspot.com
- Save.
2nd, go to your blogger, www.blogger.com
- Click the Template;
- Click the "Edit HTML";
- Confirm Proceed;
- Check the "Expand Widgets Templates";
- add the following line to next to <head>
- <meta content='********' property='fb:admins'/>
- open this link to get your fb:admins id: http://graph.facebook.com/username, fill username with your username.
- <meta content='This is on your facebook dashboard' property='fb:app_id'/>
- Find Tag: <data:post.body/>
- Insert the following code just next to that tag you found.
- <!-- Facebook comment start -->
- <b:if cond='data:blog.pageType == "item"'>
- <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'>
- </script>
- <fb:comments expr:href='data:post.url' num_posts='10' width='600'/>
- </b:if>
- <!-- Facebook comment end -->
Done.
& Enjoy your Facebook cored experience.