- Go to https://developers.facebook.com/.
- Click on "Apps" to create a new app.
- Go back and click on "Web".
- Click on "Social Plugins".
- Click on "Comments".
- Type the URL of the blog that you want to add Facebook comment service into the "URL to comment on" field and click on "Get Code".
- Click on "HTML 5", choose the correct App ID to add to your blog and copy the code.
- Go to http://www.blogger.com/home, choose the blog that you want to add the Facebook comment service and go to its "Template" page.
- Click on "Edit HTML".
- Look for "<b:includable id='post' var='post'>...</b:includable>" and click on the number beside that code.
- Look for "<div class='post-footer-line post-footer-line-3'>".
- Paste the copied code (from step 7) before this code ("<div class='post-footer-line post-footer-line-3>'").
- Go to https://developers.facebook.com/docs/javascript/gettingstarted/ and copy the code.
- Go back to the "Template" page of your blog.
- Click on "Edit HTML".
- Look for "<body expr:class='"loading" + data:blog.mobileClass'>"
- Paste the copied code (from step 13) after this code ("<body expr:class='"loading" + data:blog.mobileClass'>").
- Go back to the Facebook app page (https://developers.facebook.com/apps) and click on the app that you created earlier.
- Copy the "App ID/API Key".
- Go back to the "Template" page of your blog.
- Click on "Edit HTML".
- Replace the "YOUR_APP_ID" (from step 17) with the copied App ID (from step 19) and replace "//WWW.YOUR_DOMAIN.COM/channel.html" (from step 17) with your blog URL.
- Click on "Save Template".
- The Facebook comment service should be added to your blog, after every post.
