Exclusive, Integrate Facebook Comments Box For Blogger In Very Easy And Simple Steps – Fixed 2

Step 3. Codes To Add To Your Template.

you must add the following codes to your blogger template to ensure that the comments box will work for your blog in the right way.
and in this step we’ll add the following codes,

• xmlns attribute
• SDK script
• Open Graph protocol tags

• Adding the xmlns attribute :

please go to your blogger account again, and navigate to, layout >> edit html >> and check Expand Widget Templates
then find the following code,

 
you’ll find it on the top of your code. second or third line, and after it add the following code, 
 
xmlns:fb='http://www.facebook.com/2008/fbml'
 
 you must type a space before it and after it,
here is an example. 
 
 xmlns:fb='http://www.facebook.com/2008/fbml'  expr:dir='data:blog..............2005/gml/expr'  >
  
Adding the SDK script Code :
 
search for 
 
 
and after it add the following code, 
 

 
 but please don’t forget to change YOUR   APP ID to your app id ( you got it in the previous step ).
 
Adding the Open Graph protocol tags:
 
copy the following code.
 












 
and change the colored text to the following,
Change MY-SITE-NAME with the one you want to appear when a user likes a page. (Gil likes Helping on Facebook)
 
Changehttp://google.com/…/blogger_logo.gif with your blog logo, or remove the all tag if you don’t want it.
 
Change YOUR-APP-ID with your application ID number.
 
Change YOUR-FACEBOOK-PROFILE-ID with your own facebook user profile ID.
 
after making this changes add the above code just before 
 
 
now we finished adding the facebook codes to your template, please don’t touch anything and continue to the next step.
See next post..

Exclusive, Integrate Facebook Comments Box For Blogger In Very Easy And Simple Steps – Fixed

Finally, this is the most waited feature for blogger users, and now it’s available for allblogtools.com visitors only, this is the first and the only tutorial around the web that tells you in really easy steps the integration of facebook comments box and blogger (blogspot) blogs.
now let’s do it, don’t worry, i know that must of you tried to add it to blogger blogs, with no result, but today you’ll see how to add it in really easy steps and it’s 100% working. but please be careful and pay attention for all the details.

This tutorial is updated.

Step 1. Disable Default Comments.

The first thing you should do it to disable blogger default comments. because you don’t want to have 2 comments forms.
go to your blogger account, navigate to settings >> comments
and next to comments field choose Hide, then scroll down and click Save Settings

Step 2. Generate your Facebook App ID.

now you should generate your own facebook app id, it’s really easy and one step process,
just go to this page, facebook developers

then click + Set Up New Application

enter your application name, ( you can type any name )

and check agree and click Create Application

then click on Connect tab (on the left tabs-list) or see the next image.

and fill the following info.
Connect URL : Enter your blog url and you must enter it with an ending dash. (for example: http://myblogname.blogspot.com/) .

Base Domain you must type blogspot.com

then click strong>agree and click Save Changes
on the next page facebook will generate you alot of info. you’ll need only one line, it’s App ID:
just copy it and keep any where, we’ll need it in the next steps. please see the following image to see where you’ll find your facebook App ID:.

To be continued...