Project Development: September 2012

Wednesday, September 5, 2012

How to add Facebook Comment Plugin on your Blogger.

Many people are having fun with their facebook account, so why don't we have every notification go to your facebook, that's the intuition I had to have the facebook comment plugin on my tech bloggers.

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 == &quot;item&quot;'>
    •   <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.