Save Buddhism Click sign petition

Tuesday, September 18, 2012

easiest way to add a facebook Comment box to blog (how to add a facebook comment box blooger)

Hello my friend today i gonna teach you how to add facebook comment box to your blogger blog....ok let's start now.......hold on facebook comment box is so important to increase your blog readers.....because lot of internet users are already  have a facebook account....that means you can get lot of facebook comment than the normal blog comments......ok now we can start our lesson.........

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.