Adding Facebook Comments on Blogger

If you want to adding facebook comment, you may disabling your blogger comment box , or up to you if want to use 2 comment boxes .. (Disable blogger comment : Settings - Comments - Select "Hide")

Adding Facebook Comments on Blogger

Go to Edit HTML - tick Expand Widget Templates ..

1- First , "Create an Application" , here http://developers.facebook.com/setup/ , Fill,
Site name: Your Blog Name
Site URL: http://YOUR-BLOG.blogspot.com/
Locale: ...

Note: on the "Site URL" you must type "/" at the end of URL , example :http://seoblog7.blogspot.com/ , if not, your fb comment will not work well...

Then click "Create Application" , and you'll see your "App ID" , example my App ID is "App ID:124929134233306"

2 - Back to blogger , add the following code into your top section of Template Code, befor the tag :
xmlns:fb='http://www.facebook.com/2008/fbml' 

And will look like below:



xmlns:fb='http://www.facebook.com/2008/fbml'>


Note: You can ignore the code above, but your fb comment will not work except in firefox

3 - Next, add the following meta tags , after the tag , before the code ,





And will look like below approximately :


 property='fb:app_id'/>


-----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

4- Next , Find this code : "post-footer-line post-footer-line-3" , and place the following code after the end section (afer the 

 code)

And will look like below approximately :

You may change width='400' and align='left' with yours , example : width='500' and align='center'