How to Add a Facebook Comment Form in Blogger

If you've been browsing a lot of blogs on Blogger.com recently, you may have noticed a new trend: Facebook comment forms. These comment forms allow users to post under their Facebook name, rather than creating a second account just for commenting on Blogger blogs. To add a Facebook comment form to your own blog, all you'll need to do is copy and paste a small piece of code and save the resulting template.

Instructions

1. Go to Blogger.com and log in to your account.

2. Click "Design" and then "Edit HTML."

3. Click "Expand Widget Template."

4. Highlight and copy this code:

   <b:if cond='data:blog.pageType == "item"'>

   <hr/>Post a Comment

   <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.URL' num_posts='5' width='550'/>

   </b:if>

5. Look for the following code:

   <data:post.body/>

   Paste the code that you highlighted and copied somewhere below it by right-clicking and selecting "Paste" from the drop-down menu.

6. Click "Save Template."

Tips & Warnings

• You can change the width by altering the number beside "width" in the code.

References

• CTips4U: Add Facebook Style Comment Box in Blogger; Sudeep Acharya; July 2011