01. first step - you need to create a facebook application......( click here to create a facebook application)
02.second step - now click on the "+create a new app" button at the upper right side corner..
(look at the example image given below)
03.third step - then you click on that "create a new app"button a window will pop out like same on the example image -03 (look at the image) now filling tha blanks with your blog details...and then click "continue" button
04.fourth step now you can see a page with your application details.....(look at the example image 04) now please note down your app ID given on the page......
05. fifth step - now go to your blogger dashboard ---> design---> edit HTML--->download your current template---> put tick on the "Expand Widget Templates checkbox"........(look at the example image for new blogger interface)
Follow this steps (step 01)
step 02
step 03
step 04
step 05
06.now press trl and F keys together (Ctrl + F ) on your computer key board then a some kind of search bar will pop out on your page then search <html and replace it with the code given below....
now search for <body> and add the code given below after it......
ok now Replace YOUR_APP_ID with the Application ID you note in Step 04.....
07.ok then search for the </head> then place the code given below just above the </head> tag....
Now replace the following sentences on the Code given above
Replace allneedforyou with your blog name.
Replace YOUR_BLOG_LOGO_IMAGE_LINK with your blog logo image url.
Replace YOUR_APP_ID with your app id.
Replace http://www.facebook.com/allneedforyou with your Facebook page url.
08.Now search any on of these tags given below.........
or
or
now add this code below after any of these tags given on the step 08....
ok thats it my friend see you soon with a new post......time to go enjoy you comment box post any matter about you comment box in our comment section.....
*if you dont want your old commnet box remove it from you layout
Go to layout --> blog post edit --> hide commet and save......
*If you find 3 occurrence of <data:post.body/> then add the above script after the first occurrence of it.