Adding Facebook comment box to Blogger blog

Facebook is the biggest social network in the world now , it's a great tool for connecting friends and keep update from them .
Many people have an account on Facebook ,and it's very convenient to use Facebook account as a key to comment on a Blogger blog instead of using OpenID ,or a Blogger account . In SimplexDesign blog , I also implemented Facebook comment box as one method for commenting .

 

Do you want a Facebook comment box on your Blogger blog ? Just follow these steps

1,Go to Facebook developer page ,you will see an interface for creating a new application like this picture bellow :
Enter your site name ,and your site url ( remember to add an slash at the end of url ,like this : http://simplexdesign.blogspot.com/ )
and click on Create application


2,Fill the security check ,and it will lead you to a page that provide App id and some Sample Code .
Remember your App ID .Here is my App ID : 124557050936207


3,Go to this page and enter your App ID in Unique Id ,enter the number of comment you want to show in Number of Comments ,and the width of comment box in Width .



After that ,click on Get code . You will get a code like that


replace APP_ID in the code with the App ID you get from Step 2 ,and then copy the code .

4, Go to Blogger Dashboard ,continue to Design and then Edit HTML ,check on Expand Widget Templates .

5,-If you want Facebook comment box appear right after your post ,find this line
<p><data:post.body/></p>

-If you want to place it on top of regular comments ,find this line :
<b:includable id='comments' var='post'>

And paste the code from step 3 right after one of two lines above ,depend on where you want Facebook comment box show .

Save template and you are done .
Check your blog for result ^^