How to Add Facebook Social Comment Box on any Website or WordPress


Facebook Social Plugins
are a set of plugins that enables social interactions on your website. Not to mention the huge user base Facebook has developed along the time. Previously, it was a pretty much a hassle to go through the Facebook connect implementation for a website. Now with Facebook Social Plugins things are much more simpler to implement and use. Lets take a look how easily we can implement a Facebook Social Comment box for virtually any website that allows HTML and Javascript.

Here are the steps:

  1. Create a Facebook Application for your website. This step is required and all the fields must be filled up.

    Site name : Your Site Name
    Site URL: http://somewebsite.com/
    Locale: English (or your preferred language)
  2. Now you need to fill up a Captcha to confirm creation of the Facebook Application for your site.
  3. Once you click Submit on step 2, you would be able to see the confirmation page with your Application ID and Application Secret. You can modify your existing Applications at My Apps page.
  4. Now go  to Facebook Social Comments site. Fill up the URL where you want to put your comment box to. Enter the number of Default comments to be shown and finally enter the width of the comments box.

    NOTE: The URL can be a single HTML or Dynamic page too (eg. http://somewhere.com/test.html).
  5. Once you are done with step 4, you can click the Get Code button to get/copy the necessary codes for your site.
    facebook comments code
    .
  6. Create a empty HTML file on your website (eg. index.html). Then paste the code in between <body> and </body> section of the HTML file. Save the file and upload to your server.

    NOTE: Your Website APP ID is pasted inside the meta property for facebook underneath the <head> tags.
  7. Open the file you have just created using your browser, you should be able to start posting comments on that page. Yes that’s about it.

 

Advertisement

I must also say this is just a simple implementation of Facebook Social Comment at your website. There might be more options available for you to implement if you go through the documentation.

 

How to Implement the Comments Box on WordPress:

  1. Follow the Procedures mentioned on the previous steps and after then
  2. Look for the file comments.php inside your themes folder (the name of the theme depends on which WordPress theme you are using)
  3. Open and edit the file using a text editor. Modify the code you have found on the previous implementation (Which is for using it on a standard website) as below.

    NOTE: You need to change the part href=”<?php echo get_permalink($post->ID); ?>”
  4. Paste the code into upper part of your comments.php file. Save and Upload it back to your server.
  5. You should be able to see the Facebook Dynamic Comments for all your WordPress posts.

 

Advertisement

Where do you manage/moderate and administer your comments?

 

Do not post Test comments on this post because it confuses other people who are reading this post.

Eventually your test comments will be blocked and Banned.

Test it on your own site. Thanks.

This article is an upgrade of the previous Facebook Connect Comment Box article for your website.

In Category: Wordpress
Show 301 Comments
  • tststs March 5, 2013, 5:48 pm

    tst

  • Woow December 9, 2012, 7:28 am

    Wowwww great

  • Devarsh Shah November 23, 2012, 11:31 pm

    nice

  • Guest November 6, 2012, 7:27 pm

    testy

  • www.zicrosoft.com September 8, 2012, 7:54 am

    tanks for shar

  • 123 September 1, 2012, 1:30 am

    cannot get app ID

  • rdev August 22, 2012, 8:31 am

    very useful thank you. i did all the steps but my comments from my website doesn’t go to my facebook page and reverse, what am i missing?

  • rishi July 22, 2012, 2:34 pm

    nice

  • Harrysaggu555 June 5, 2012, 10:32 pm

    hello

  • Victor Manuel Barona Guzman March 29, 2012, 2:40 pm

    Hi, I can’t make it works :(

    Please helpme… I follow the steps but nothing happens…
    The Comment box doesn’t appear

  • Imran Hunzai March 28, 2012, 1:17 pm

    I had been looking for article related to facebook comments. Thanks for the awesome article.

  • Michele Grasso March 23, 2012, 4:19 am

    Thank you for your post, I find that if I want to have the plugin on multiple posts on the same html page that the comments repeat.  How do I avoid this? I would like the users to have a new forum for comments and not include comments from prior blog posts. Thank you

  • free iphone apps March 19, 2012, 11:52 pm

    Thanks for this helpful tuts. I find exact this for my website.

  • Esj March 2, 2012, 2:04 pm

    warmasti toimii…

  • Guaranteed Seo Services February 12, 2012, 1:24 am

    this is my first visit to your blog! We are a group of volunteers and starting a new initiative in a community in the same niche. Your blog provided us valuable information to work on. You have done a marvellous job!

  • Website design February 11, 2012, 6:18 pm

    However, things have changed now. With the increasing popularity of using websites around the world, businessmen are targeting websites for the advertisement of their products. It is comparatively much cheaper as well as highly effective.

  • Anonymous January 11, 2012, 12:00 am

    new comment test 

    • izmir escort January 17, 2012, 9:17 am

      thank u sir.. good articles.. that is a good blog…

  • Wendie Lee December 28, 2011, 5:47 pm

     recently found this site using yahoo. com And i want to thank you for work. You have done really excellent site. Great work, great site! Thank you!

  • Anilkumat December 22, 2011, 2:19 pm

    hi

  • Rebin-snjawy December 20, 2011, 10:46 pm

    hi

  • boat shipping December 17, 2011, 2:53 pm

    Thanks for posting Really Such Things. I should recommend your site to my friends. Cheers.

  • Masterinformation.com December 14, 2011, 7:27 pm

    Sweet been looking for a tutorial on how to do this.

  • Lorrinelle December 9, 2011, 7:19 am

    Hi  I followed all the instructions from facebook developer and some other sites but for some reason when I press ctrl and f in the same time then i pres body> tag but I don’t seem to find it, can somebody please help me I’ll appreciate it so much. thanks :(

  • Home Theater Installation December 3, 2011, 3:30 pm

     
    Thanks for posting
    Really Such Things. I should recommend your site to my friends. Cheers.

    • Curtis Carlson October 6, 2012, 12:28 pm

      testing discuss. I might hook this up on the WP theme I am coding. Don’t know about FB commenting as moderation might be a pain in the you-know-what.

  • Rjds December 1, 2011, 4:00 pm

    hi this is nice

    • online slots January 20, 2012, 2:23 pm

      Thanks a lot for
      sharing such nice information to me and my friend also.I am very much
      satisfied by this website.

  • Anonymous November 21, 2011, 2:20 pm

    test

  • 寒天 November 21, 2011, 12:05 pm

    test, thanks!

  • kasperben November 18, 2011, 6:09 am

    slt

  • kasperben November 18, 2011, 6:09 am

    slt

  • kasperben November 18, 2011, 6:09 am

    slt

  • Nitesh November 9, 2011, 8:03 pm

    hey people like do as well find twitter & facebook comment box.. as well in my group one of my friend tell me that why dont you put twitter & facebook comment box in my blog..
    this is latest trend but with as well DISQUS is also popular…
     

  • meelis king November 5, 2011, 8:04 pm

    I didnt know that it’s even possible. Thanks!

  • poster November 3, 2011, 5:39 pm

    Thanks for nice information.

  • סאמר סקול November 1, 2011, 9:02 pm

    Just stumbled across this and I’m SO glad I did! Thanks for the great info.
    There aren’t a lot of good sources like this. I can see that you are an expert in this area.

  • טורטיקוליס November 1, 2011, 9:00 pm

    Just stumbled across this and I’m SO glad I did! Thanks for the great info.
    There aren’t a lot of good sources like this. I can see that you are an expert in this area.

  • Play Slots November 1, 2011, 2:30 pm

    Your blog is very informative for the facebook users.
    Play Slots

    • nfl and nike jerseys September 18, 2012, 9:29 am

      Right now on time the most significant videos to kick or punch the box clinic is usually lord on the extra plus the with regards to it video is, may two to three aspect continued on the video. So what on earth will happen is may perhaps is very a large number of tshirts which usually are part of typically the movie channels, to start with tshirts while using particular personas relating to. Subsequently you can get tshirts which use only penning about the tshirts similar to ‘frodo’ or maybe ‘gandolf’ or maybe the the majority given text from the show is usually ‘precious’. And so every single one of are just a few of typically the regions which unfortunately men and women use on tee shirts, which ever t shirt billet or maybe envision people feel more comfortable throughout.

  • Liposuction Procedure October 29, 2011, 2:03 pm

    Generally I don’t learn post on blogs, but I wish to say that this write-up very forced me to try and do so! Your writing style has been amazed me. Thanks, very great article.

    • supercuts November 24, 2011, 1:26 pm

      Thanks for nice sharing…….

  • custom t-shirt October 29, 2011, 1:32 pm

    It provides a lot of
    information, which is great merit in this site.

    Many thanks for a good exchange of information in this blog.

  • vacation home rentals October 26, 2011, 7:04 pm

    I just started
    reading and I m glad I did. Your a great blogger, one of the best that Ive
    seen.

  • klsjf October 26, 2011, 5:03 am

    Boom

  • Abdul Rehman Khan October 22, 2011, 5:26 pm

    How can i modify my comment box like yours. I want a comment box for all (facebook, twitte, google, yahoo)
    tell me tell me.

    Please

  • Sammy October 14, 2011, 11:40 pm

    Great post. I absolutely love this app :)

    • Lk October 26, 2011, 5:04 am

      Bark

  • Hra hotjig October 8, 2011, 2:27 am

    hello

  • Oscar Tignach October 1, 2011, 1:45 pm

    Jump to Embed Facebook Comments Box In Your WordPress Weblog‎: Facebookfeatures a social plugin called Comments which allow you to add Facebook comment box to your WordPress website.

  • Blcservices September 30, 2011, 2:48 am

    Good artilce post thanks I really like this post thanks you are sharing a great article

  • Eldelcable__ September 26, 2011, 11:09 pm

    Me parece muy ben artículo

  • ashutosh nigam September 21, 2011, 6:06 am

    thanks for sharing nice article with us….

  • ashutosh nigam September 19, 2011, 12:04 pm

    great post for all the Facebook lovers……..thanks for sharing with us…

  • Jonathan Araujo September 6, 2011, 3:10 pm

    Or you can simply download the DISQUS comment system plugin for wordpress like you have Rabin.

  • Anonymous September 4, 2011, 12:40 am

    123

  • Anonymous August 30, 2011, 4:50 am

    ujkjj

    • custom t-shirt October 18, 2011, 3:44 pm

      Its a great post for all the Facebook Fans. Nice sharing 

  • Anonymous August 27, 2011, 7:03 pm

    nice

  • Kevin Ringoot August 18, 2011, 1:05 pm

    test

  • Dn August 17, 2011, 1:04 pm

    check

    • Fuck August 17, 2011, 1:05 pm

      fuck

  • Triyono August 17, 2011, 12:18 pm

    i confuse buddy

  • Chrissy August 13, 2011, 4:07 pm

    dsaf

  • Trip Itaka August 8, 2011, 8:16 pm

    So this layout is what i want to avoid on my blog! You have a wordpress comment box showing comments, a facebook comment box with its own set of comments then 2 different like buttons showing 2 different numbers.

    I’d like to consolidate. I’d like all facebook and wordpress comments to be grouped together and appear seamless. All comments seen on WP styled as dictated by my theme, these same commentsm also seen in facebook. So all facebook comments added to the WP database and all comments in the WP database exported to facebook.

    Has this been done? If so can someone show be a blog where this happens? thanks

  • David August 8, 2011, 3:30 am

    Do you know how to get this to work with comments_popup_link()?

  • James Earl N Castaneros August 6, 2011, 12:18 am

    Is there a way that we can customized the theme of the facebook comment?

  • Anonymous August 6, 2011, 12:13 am

    Can somebody help 

  • Anonymous August 6, 2011, 12:12 am

    I got an error when i tried the process

  • Anonymous August 6, 2011, 12:11 am

    great tutorial

  • Jamescastaneros August 5, 2011, 11:48 pm

    this is a nice tutorial

    • Robert August 6, 2011, 12:40 am

      What could be the problem man? Maybe I can help

  • WASEEM August 4, 2011, 2:12 am

    Nice information

    thanks

  • anonymous July 30, 2011, 6:02 pm

    ASIANS CAN ACTUALLY READ MINDS!!!!!!!!!
    they can hear and see what your visually thinking

    the reason alot of asians have completely expressionless faces, only associate with asians and dont associate with non asians very much is to avoid accidentally revealing that they can read read minds, if all over a billion asians were to show facial expressions all the time just as much as non asians, associate with non asians much more, and be much more friendly and talkative, then alot of them might accidentally reveal that they can read minds by accidentally showing a facial expression or dirty look when someone thinks, or visually pictures something in their mind they dont like or find astonishing or funny, and if they were all to associate with non asians alot more there would be alot more people around for them to accidentally show facial expressions when those other people think things they dont like, so they only associate with asians so there wont be anyone around for them to see that and have any accidents happen in the first place

    think about it, its not normal how alot of them act, and the entire way they act is all to hide their mind reading abilities, it makes perfect sense to do all of that to hide that they can read minds, because all of that is the perfect way to do it!
    every single asian on the planet is hiding their mind reading abilities, they value hiding their mind reading abilities more then their own lives!
    thats why nobody knows about it!

    try thinking, best yet visually picturing in your mind something something absolutely crazy as you possibly can when you are around asians, and try looking for asians who give people particular looks, especially dirty looks for what appears to be for completely no reason, that is them giving people looks when they hear and visually see someone thinking something they dont like, find funny or astonishing
    it still happens despite a large number of them having completely expressionless faces all the time, it would just happen alot more if none of them had completely expressionless faces all the time, its not uncommon!

    i know this sounds crazy, impossible, and completely unbelievable, BUT IT ISNT CRAZY WHEN ITS TRUE

    you have to spread the message!!!
    the world has to know about this!!!!

  • Anonymous July 27, 2011, 6:43 pm

    Great post bro!

  • Le Viet Duc July 20, 2011, 3:15 am

    dasdadadad

  • Anonymous July 13, 2011, 10:46 pm

    Sorry, I’ll try the box :3

  • Anonymous July 13, 2011, 10:44 pm

     ghjfghj

  • lacoste polo July 5, 2011, 5:35 am

    Worthy of collection

  • mohamed gomaa July 3, 2011, 7:20 pm

    this is my first time here but really enjoyed

    it. thank you for sharing these helpful articels

  • mohamed gomaa July 3, 2011, 7:20 pm

    this is my first time here but really enjoyed

    it. thank you for sharing these helpful articels

  • mohamed gomaa July 3, 2011, 7:20 pm

    this is my first time here but really enjoyed

    it. thank you for sharing these helpful articel

  • Bikas July 2, 2011, 6:48 am

    thanks

  • Lee Junghyun June 29, 2011, 6:27 am

    Comment Plugin .. good

  • Eee June 22, 2011, 11:15 am

    testing

  • Personthethird June 20, 2011, 6:24 am

    How can I delete or manage the comments made on my page?

    • Ruhani Rabin June 20, 2011, 7:01 am

      Please read the previous comments before making a question.. you can manage your comments here http://developers.facebook.com/tools/comments

  • Kuldeep Gupta June 19, 2011, 2:44 pm

    great 

  • Mohd Domais June 16, 2011, 7:52 am

    testing the facebook comment box :)

  • Milan Pastor June 15, 2011, 4:56 pm

    test

  • Randy June 13, 2011, 10:48 pm

    Thanks for the great post.  I see that you’re not using it?  How come?

  • şarkı sözleri June 12, 2011, 2:52 pm

    i love facebook :))

  • Ac Merida June 7, 2011, 4:22 am

    can you PLEASE explain how to list as an administrator of the comments(with pictures of the process)…… im having so many issues it never works

    • Ruhani Rabin June 20, 2011, 1:04 am

      you can configure and administer your comments over here developers.facebook.com/tools/comments

  • Test June 5, 2011, 6:42 pm

    test

  • Test June 5, 2011, 6:42 pm

    a<sd

  • Ni June 2, 2011, 4:03 pm

    werwr

  • Aixuan01 June 2, 2011, 5:44 am

    Thank you very much
    for that astonishing article

  • Roman Kolbiev May 31, 2011, 4:48 pm

    test

  • rafiqul awal May 30, 2011, 4:13 am

    how to remove user thumbnail / profile pic face from the comment box…………..i just want the comment box not user thumbnail……plzzz suggest or give a the code………….thanks

  • Gorgia Cali May 27, 2011, 7:41 pm

    hello

  • Kenny Foster May 25, 2011, 8:11 pm

    Test

  • Jfranz01 May 19, 2011, 4:08 pm

     where can i find my site name and site URL!!plzz thxx

  • Withkanddoubles May 17, 2011, 7:06 am

    Thank you very much for writing your post! Nonetheless, I got a question for you. People in the US  seem to see the box, but people who have their language set to Spanish or actually if their Facebbok was created in Mexico, can’t see it. Is there any way we can fix this? I was thinking creating two comment boxes? one for each? What do you think? Would this work? Thank you before hand! =) 

    -K

    • Ruhani Rabin May 19, 2011, 3:36 am

       Hi There, I am not exactly sure how that will work out but you are always welcome to do some experiment .. DO let me know how it worked out!

      • itzco May 25, 2011, 3:46 pm

        Not really sure why it wouldn’t show, but have you tried just changing the language code? If you’re using PHP or any other server language replace the en_US for the language code for spanish probably es_MX (I do between Thai and English)

  • santa May 12, 2011, 2:13 pm

    Thanks.. Is there a way to specify the href of fb:comment on run time/ dynamically ?

  • Hébergement Web May 12, 2011, 8:37 am

    Thanks for taking time out to write this very detailed article. The plugin can help more people to install the comments, because it is easy. They each definitely have a purpose.

  • Kenmehoo Comakin May 8, 2011, 11:25 am

    i am unable to create a new tab on my facebook tab this may be due to facebook changes from fbml to iframes perhaps. I have everying ready just can;t insert it yet

  • Jaspervalle May 4, 2011, 1:54 am

    Where will i get the Site URL??sorry i’m too confused.
    coz everytime i paste the url to the “URL TO COMMENT ON”it doesn’t have the app ID..help please..

    • Ruhani Rabin May 4, 2011, 7:51 am

      start at number step 1 (or 3) .. site url is your web site link where the comment box will be visible..

  • mannu singh April 27, 2011, 7:19 am

    i have some problem to add face book comment box to my site

    when i comment on this page picture are not sent on my facebook id
    please help

    • Ruhani Rabin April 27, 2011, 8:00 am

      You need to consult facebook forum for that..

  • Gagandeep Singh April 26, 2011, 8:00 am

    Thanks for the help. I have one another problem and looking for solution for the same. I have my website where i have more than 150 pictures with each picture having its own static page. Now how i can add comment box to each page. Right now i have tried to add the same code on all the pages and when i comment on one picture the same comment is posted on all the pages.

    Any help

    • Ruhani Rabin April 26, 2011, 8:09 am

      Send me the example of your site (I mean the site itself) .. use the
      “contact” form at the navigation bar.

  • Noli Valdez April 24, 2011, 8:11 am

    very helpful thanks

  • Lolubodunwa April 23, 2011, 2:48 pm

    thanks a lot…it worked for my blogger site

  • Boon Boon Boon April 19, 2011, 4:41 pm

    testing

  • Boon Boon Boon April 19, 2011, 4:40 pm

    testing

  • Boon Boon Boon April 19, 2011, 4:39 pm

    testing

  • ruby on rails developer April 18, 2011, 9:23 am

    it’s not working for my template

    • Ruhani Rabin April 18, 2011, 9:37 am

      I didn’t see the code anywhere in your site.. also you have other ajax
      script which might conflict with the FB codes.. try DEBUG using firebug or
      similar.

  • Peter April 15, 2011, 12:46 pm

    Thanx for this article. I recently started to use the box comments for my website and it really works well. Thanx. Peter

  • woody April 13, 2011, 1:58 am

    How can I create more different comment boxes? If I add two comment boxes this way, one comment will show up in both comment boxes

  • Tom Broucke April 12, 2011, 2:52 pm

    Nice

  • Anonymous April 12, 2011, 4:39 am

    uuuu

  • electric scooters for adults April 11, 2011, 11:31 am

    I was just wondering, if this feature was enabled on a wordpress blog, would it overwrite the original WP comment box?

  • Konstrukcje Stalowe April 10, 2011, 11:23 pm

    Thanks for this solution! But first of all i need to register Facebook Account :>

  • Ajay Shokar April 10, 2011, 9:29 am

    good

  • rupees4gigs April 8, 2011, 12:51 pm

    Hi Ruhani,

    Good to know how to add social comment box and thanks for sharing.

    • Ondray40 April 10, 2011, 1:25 am

      yes it is good

  • sumit saini April 7, 2011, 10:52 am

    i like it

  • Peter Petrelli April 6, 2011, 12:54 pm

    As far as I can see the first step (create FB App) is not truly required. I only want to integrate the CommentBox on one Page and can’t see any reason to create an App for it?

  • 8802659069 April 5, 2011, 1:09 pm

    Its really very helpful for me Thanks Ruhani thanks a lot

  • 8802659069 April 5, 2011, 1:09 pm

    Its really very helpful for me Thanks Ruhani thanks a lot

  • Anonymous April 4, 2011, 6:16 am

    test

  • admin April 3, 2011, 10:40 am

    Your tips is very good @ the best.

    Thanks

  • Dominique van Roon April 3, 2011, 10:11 am

    just testing the commenting feature

  • M. Emre Yayman March 30, 2011, 2:11 pm

    How can we do it on dynamically generated pages like “domain.com/article.aspx?artID=12 ” ?
    The comments are same on all pages now. Can it be different on each page?

    • Ruhani Rabin March 30, 2011, 2:21 pm

      I’ve already posted/replied a comment regarding this.. please look up the previous comments on this topic..

  • Rona March 28, 2011, 11:01 am

    Never mind! I’ve worked it out. :) Thank you so much for this; it’s a great tutorial!

  • Anonymous March 26, 2011, 4:59 am

    Test

  • Santiago Sarceda March 26, 2011, 4:56 am

    Test

  • Almostlikeeverything March 25, 2011, 2:42 pm

    Thanks Ruhani, was waiting for this Tut, facebook comments will surely help, to Increase traffic from Facebook!

  • ELF March 22, 2011, 4:23 am

    why in step 1 i can’t found “create an app” page ….?? ?

  • ELF March 22, 2011, 4:23 am

    why in step 1 i can’t found “create an app” page ….?? ?

  • ELF March 22, 2011, 4:23 am

    why in step 1 i can’t found “create an app” page ….?? ?

  • ELF March 22, 2011, 4:23 am

    why in step 1 i can’t found “create an app” page ….?? ?

    • Ruhani Rabin March 22, 2011, 10:34 am

      Most probably you do not have facebook developers app access ..

  • Test March 21, 2011, 4:44 pm

    test

  • 'haNdy 연애 중 Pipa March 21, 2011, 4:44 pm

    like this….

  • Angeliearnido March 20, 2011, 6:53 am

    hfgjhfg

  • business valuation March 17, 2011, 4:02 pm

    I am glad that now I can add facebook social comment box on my website thanks to your instructive tutorial. It is a very useful post for every one who wants to add this feature to his websites.

  • Mohitmathur March 17, 2011, 8:27 am

    hello

  • nhile March 15, 2011, 12:31 pm

    Great tutorial, some question, based on number 6 do I really need to create a blank html page for this to work? or I can only used my index.php,header.php or in page file in wordpress,by the way my site powered by wordpress.

    • Ruhani Rabin March 15, 2011, 4:44 pm

      Hi you don’t really need a blank HTML file, i could go anywhere where HTML is supported.. For WordPress you might need to do coding to resolve your dynamic URL inside the tag ( example fb:comments href=”ID)); ?>” ) you get the idea..

  • custom essays March 15, 2011, 10:56 am

    Thanks for interesting and very useful information.

  • Amir Mishani March 15, 2011, 5:08 am

    Hey bro how do you customize the style on the new comments plugin, on the old one you could insert a CSS style sheet and figure out the IDs and give them your own styling but it doesn’t seem to work on the new comments plugin.

    • Ruhani Rabin March 15, 2011, 5:47 am

      Hi Amir, Few days before I saw the documentation and there is no mention of any custom CSS.. you can check it again and confirm

    • Josegu April 4, 2011, 1:33 pm

      Hey Amir, beeing around with the same questions…? :)
      See You in Berlin, Sebastian

  • Nonee March 13, 2011, 2:51 am

    ارجوكم ياجماعه ساعدوني عندي ظروف صعبه جدا والدي مشلول وانا بشتغل وبصرف علي البيت بس مش عارفين نعيش وانا مش عارفه اعمل ايه؟؟ اللي عايز يساعدني يحولي اي حاجه علي الرقم دا 0191778367 وانا ببيع الرصيد لاي سنترال ارجوكم ساعدوني وربنا يجزيكم كل خير

  • Kapansenget March 12, 2011, 12:56 pm

    hi ruhani..gone thru all those steps but failed at step 6 and 7..
    if i’m a blogger and hosted ad blogspot[dot]com. ,how to made the html files on HTML code?
    i had pasted things in step 5 but it does not visible in my blog..
    thanks

    • Ruhani Rabin March 12, 2011, 1:35 pm

      blogspot uses dynamic URLs so it would be really difficult without doing code hacking.. try to debug your site using FireBug..

  • Mrjoesebastian March 12, 2011, 10:50 am

    how do we delete(the user/admin) these comments if offensive?

    • Ruhani Rabin March 12, 2011, 11:39 am

      Each url has it’s admin link.. you can either find it on myapps or you can find the link at the comment page itself .. (if your FB id is the owner)

  • Mrjoesebastian March 12, 2011, 8:55 am

    nice one

  • thesis writing March 11, 2011, 2:09 pm

    why do people do this? seriously? is that because they think that everybody has a facebook account ? what if not? cause in reality it is not! i think it is wrong decision to put those boxes everywhere!

    • Vin March 11, 2011, 7:13 pm

      Actually, the Comments Box even lets users without a Facebook account comment. But it’s helpful because for the 600 million people who do have Facebook accounts and spend more time there than any other site, links to your web site get posted to their newsfeeds. It drives traffic and helps their friends discover the site.

    • Ruhani Rabin March 12, 2011, 3:41 am

      Facebook social comments box allows adding comments system to a static website without knowing of any dynamic coding.. just as simple as copy paste..

  • Kiralylorand March 11, 2011, 12:49 am

    i have a question, how can i put different comment box in different page, an comment box for every game from my site and to be able to see the insights? please help me, can you explain me on my mail please?

    • Ruhani Rabin March 11, 2011, 4:47 am

      Hi, you need to repeat step 4 and 5 for every game pages of your site ( http://www.site.com/game1.html or http://www.site.com/game2.html ) and copy paste the corresponding codes to respected pages. And of course you need to create an app for your website first.

      • dbc March 13, 2011, 12:16 am

        Actually this is not really true, as you see in the picture at step 5 you have “a href” in where you can change the url yourself into a dynamic code, depending on what coding or cms you use you can put in code to retrieve current url and echo it into the href tag.

      • dbc March 13, 2011, 12:16 am

        Actually this is not really true, as you see in the picture at step 5 you have “a href” in where you can change the url yourself into a dynamic code, depending on what coding or cms you use you can put in code to retrieve current url and echo it into the href tag.

  • Anonymous March 9, 2011, 3:22 pm

    Hi Ruhani
    I have heard that it should be possible to allow anonymous comments in the new Facebook Social Comments module. Do you know if this is true? And if true – how do you set it up?
    Thank you for a great wizard.

    • Ruhani Rabin March 9, 2011, 3:48 pm

      It might be possible if you are not already logged in to facebook. Most probably the default comment box would work

      • Anonymous March 10, 2011, 11:28 am

        This is very helpful

  • prank call March 9, 2011, 9:42 am

    It is fact that Facebook is world famous social networking site.Facebook Social Plugins are a set of plugins that enables social interactions on your website. Its very easy to add from facebook and get more advantage.

  • It is fact that Facebook is world famous social networking site.Facebook Social Plugins are a set of plugins that enables social interactions on your website. Its very easy to add from facebook and get more advantage.

  • Aet9rat6 March 7, 2011, 8:44 pm

    Im using firefox and neither one of your links work the wizards 1step

  • Lip Jian Tee March 6, 2011, 10:27 am

    ksjdlkjsdfll

  • Pushpendra Jadon February 20, 2011, 8:24 am

    zcdfddfdsf

  • Kirkshoe February 12, 2011, 6:48 pm

    Question (after explanation)

    I registered an App (website) with Facebook so that I could install a Facebook Comments box to that website. My root index.htm is a split frames page with the website navigation menu page topframe.htm static in the top frame. I installed a Facebook Comments Box in the page that loads in the bottom frame – bottomframe.htm. When a User posts a comment that also posts to their facebook page, the Link is for bottomframe.htm and not the index.htm page with the Menu that I want people to link to. I have been unable to find an answer on Facebook.

    Can someone here instruct me on how to set up my Facebook Connect “app” so that the Posted link refers to index.htm and not bottomframe.htm?

    • Vin March 11, 2011, 7:16 pm

      Go into your developer settings for the app, and find “Site URL” – that should be the URL you want your app to link to.

      Check the href field in your fb:comments tag on your page. That should be the url you want comments to link back to.

      You might need to set up a way to dynamically load content in the bottomframe.htm depending on some extra querystring in the URL for index.htm, if you’re not able to pull off what you were trying to do.

  • priyansu February 3, 2011, 8:31 am

    very nice job

  • Lukasz Lawreszuk February 2, 2011, 10:24 pm

    Hi, im trying to add facebook comments on static html page and I have tried so many codes and cant make it work… do you know if it’s possible to add facebook comments on static html page?

    • Ruhani Rabin March 8, 2011, 4:51 pm

      Yes it is possible, check the updated article..

  • Sdfsds January 25, 2011, 1:51 pm

    @fdsfs sffds

  • M7chat January 21, 2011, 10:25 pm

    teeeeeeeeeeeeeeeeeest

  • M7chat January 21, 2011, 10:23 pm

    test

  • Abc January 21, 2011, 10:16 am

    test1234

  • Testduh January 18, 2011, 10:16 am

    Sup

  • Rewards Generator January 16, 2011, 11:57 pm

    How do we integrate this into a membership website so they can click connect and it will get their facebook info and register them.

    thanks…

    • Vin March 11, 2011, 7:18 pm

      For that you need to implement other elements of Facebook. Look at the other Facebook Social Plugins on their site to see what’s helpful for you. There are many different ways to implement it. Regardless of whether or not people register with your site using Facebook, the comments box works the same way.

  • Rewards Generator January 16, 2011, 11:56 pm

    How do we integrate this into a membership website so they can click connect and it will get their facebook info and register them.

    thanks..

  • Admin January 16, 2011, 11:55 pm

    How do we integrate this into a membership website so they can click connect and it will get their facebook info and register them.

    thanks.

  • ericajonsson January 13, 2011, 1:57 am

    coolio

  • ericajonsson January 13, 2011, 1:57 am

    great help. Thx.

  • Anonymous January 12, 2011, 10:21 pm

    very good help, thank U!

  • longines sunglasses January 4, 2011, 7:05 am

    I just came by your blog and wanted to say that I’ve really liked browsing your blog posts.<a href=”http://www.sunglassescool.biz/longines-sunglasses.html”>longines sunglasses</a>

  • Sssss January 4, 2011, 1:43 am

    I just came by your blog and wanted to say that I’ve really liked browsing your blog posts.

  • Sartajbedi December 27, 2010, 12:06 pm

    Hi,
    I registered myself with facebook developer but where is the xd file. the screen shots are not the same. Please advise.

  • Prashanth R December 7, 2010, 1:40 pm
  • Dave Matthews December 1, 2010, 3:42 pm
  • Alex November 26, 2010, 11:23 pm

    Awesome. I may actually implement DISQUS though.

  • Anonymous November 26, 2010, 8:09 am

    good

  • Emuboots November 24, 2010, 6:51 am

    support

  • Noone November 23, 2010, 1:00 am

    :D

  • Nomi November 11, 2010, 5:28 pm

    thanx for this post.. very nice job

  • Ime November 9, 2010, 1:33 pm

    test

  • Golf GPS November 6, 2010, 1:21 am

    Thanks for this post. We are looking to implement some social plugins on our site

  • MatchMate October 26, 2010, 3:44 am

    great post

  • remove antivirus action virus October 24, 2010, 11:48 am

    I really appreciate your step by step guide.

  • Victoria Godfrey October 22, 2010, 8:39 am

    hbhghghghgh

  • Foxy_mkd October 14, 2010, 12:25 am

    njjjjjjjjjjjjjjjjjj

  • forexhug October 7, 2010, 11:59 am

    i think facebook is not good way promote anything i always go twiter accs

  • George October 2, 2010, 6:18 pm

    Strange, I don’t get to the 2nd page as described here ! after the captcha I see a whole other story !!

  • Mr Jim Dude September 28, 2010, 4:02 pm

    Thanks for that, pretty much what I was looking for!

  • CeCkZNT September 28, 2010, 4:59 am

    Do u know if there’s a comment box for Classic ASP?

  • Ochado Ochuko September 25, 2010, 7:14 am

    I like this application

  • kamaraj September 21, 2010, 6:22 am

    hi

  • Annie Mueller September 20, 2010, 1:26 pm

    Thanks for this – took me an hour of searching thru FB apps/WP plugins to realize they weren’t exactly as custom as I needed… this is the exact information I was looking for. Appreciate it.
    Best,
    Annie Mueller

  • Psthink1 September 19, 2010, 5:49 pm

    I don’t even see the second option to download the XD_receiver.html file
    please help

  • Rahul Baskaran September 14, 2010, 1:10 pm

    This is wonderful information. Thanks a lot. Gonna try it with my site and hope it works. :)

    Thanks
    http://twitter.com/Wolverin3

  • Victoria Whitehead September 10, 2010, 12:48 pm

    Hi,
    I have been trying to create an application for the past few days now and have been unable to get through security. It keeps saying that I typed the Captcha words incorrectly, but I know they are correct. Has anyone else experiencing this issue, and any news on when it will be fixed. I am in Spain…maybe the developers wizard is only open in certain countries at the moment? Thanks

    • Asdf September 15, 2010, 1:40 pm

      yxghk

    • Veronica August 23, 2012, 1:53 am

      Hi Victoria, Im experiencing the same problem. Dod you manage to pass this stage?

  • Jerome Locson September 3, 2010, 7:42 pm

    Thanks for sharing this one!

  • Miloš Macedoljan August 28, 2010, 9:09 pm

    THX

  • sharin_sg August 19, 2010, 2:39 am

    Great tutorial! Thanks for sharing, Ruhani :)

  • bluecrystaldude August 19, 2010, 2:09 am

    Thanks for the tutorial. Nice!

  • Brett Sall August 11, 2010, 5:49 pm

    How'd you do it? Can you post the link to your page so i can see it?

  • Donnyien August 10, 2010, 12:39 pm

    thanks 4 this tutorial..

  • Rahul August 7, 2010, 4:46 pm

    greate

  • Red-firm August 6, 2010, 11:23 pm

    great

  • Casey August 5, 2010, 8:08 pm

    What about adding the comment box on your FB tabs. Do you need to create and application for this?

  • George Stan August 4, 2010, 1:56 pm

    error! why?

    • Victoria Whitehead September 10, 2010, 12:49 pm

      @George… me too. Unable to get past the Captcha Page

  • Mooee July 29, 2010, 12:59 am

    i have this same

  • bergasa July 28, 2010, 6:03 pm

    I got it working! Thanks anyway.

  • John Berger July 28, 2010, 3:42 pm

    Is there a way to get the comments box working with an iWeb page? My problem is twofold: I'm not sure there is a way to upload the xd_receiver.htm file to my iWeb page, and then I'm not sure if you can adjust HTML code in iWeb. There is an HTML snippet widget, do you think that would work? Thanks for any help!

  • pesz July 21, 2010, 6:22 am

    This http://developers.facebook.com/setup/ link does not work for me. I fill it out, click button and then blank page appears.

  • Yuda July 15, 2010, 7:59 am

    AAA

  • Ruhani Rabin July 14, 2010, 10:14 am

    On my demo site … I posted comments and it works..

  • live soccer streaming July 14, 2010, 9:37 am

    i was getting the same error , u need to write as http://www.xyz.com/ (slash at the end is important) .

    cheers.

  • live soccer streaming July 14, 2010, 9:36 am

    they might have can u check and let me know if its working for u caus when i click on create a application it take 2min to load and gives error '' connection time out ''

  • Ruhani Rabin July 14, 2010, 8:58 am

    They might have changed their API have you checked on FB site yet?

  • live soccer streaming July 12, 2010, 11:18 am

    thanks for the guide ,its a nice feature but it not working from 2weeks :S am i doing something wrong? as in the application name or some thing

  • livereceptions July 8, 2010, 3:08 pm

    I doing seo job, backlink is the most important for seo, one week I added 600 backlinks,it is lots of job, I did it manually, how othere people do it?

  • Darkyyy July 1, 2010, 3:35 am

    i'm getting invalid url error …

  • Ruhani Rabin June 29, 2010, 4:19 am

    Thanks :) This is being outdated for a while (Last updated OCT 2009). I will update it when I can have some time on my hand.

  • Skt2009 June 29, 2010, 4:14 am

    r we talkin about the same facebook geesh…eithr this is outdated or i cant speak or understand the english language

  • Amir sayani June 25, 2010, 5:42 am

    my issue is: facebook is not showing all comments at same time, it shows sometime 2 sometime 3, and so on, i wanna see at same time.. please help

  • Taddei11 June 17, 2010, 7:57 am

    77

  • john143 June 10, 2010, 12:01 pm

    bookmarking this page, thanks for the post, really enjoyed reading this

  • Darius June 8, 2010, 10:45 pm

    I have simple html blog and Im trying to use this option (comment box) but all i get is loading gif while the like box is working properly. Any advice how to work this out?

  • TechAdviser June 7, 2010, 1:02 pm

    This is pretty nice feature but like somebody else mention here in comments it's not really easy to manage the comments. Maybe I can't find or there (on Facebook) are not any feature to see all comments at one single place and manage it there. You should visit all the pages and subpages with comments and check whats new – if there is any new comment. In Wordpress you have all comments for all posts at one single place. With facebook comment box this is not the case (or I just can't find this).

  • Fredrik Delin June 4, 2010, 9:04 am

    just remember that this code is now old. There is a new connection method, but just click the application wizard link in the post and facebook will take you to the new page!

  • Kauser June 2, 2010, 4:26 am

    I have add fb connect to my site finally :D Now I wanna add manually twitter oponid and yahoo to my wp blog. is it possible?

  • air force one shoes May 31, 2010, 9:08 am

    The post of thread is very nice and informative, I often come this froum and really love it! Actually I love various kinds of food so much and this forum I learn much things ,and this forum constantly hold many activities that can make us meet many people .and I know some websites which provide many good products and they are in discount ,they are **** welcome you!

  • Arvin May 25, 2010, 8:22 am

    I was excited to see this but when I tried doing it, the screen images here did not match those I see on my Facebook. They're very diffferent. There's no more Steps 1-2-3.
    What happened? Please advise.

  • Dog Breeders May 19, 2010, 3:05 pm

    I think that it must helpfull for usuers. Thanks.

  • data recovery May 8, 2010, 3:22 pm

    I regularly visit Facebook and this tips is really useful for me.

  • HoTiCE_ May 3, 2010, 8:43 pm

    Ruhani,
    What do you think will be the impact of switching from your own Wordpress commenting system to a Facebook comment box?

    Do you think it will increase user interaction? and in turn blog traffic? I'd be curious to have your opinion on this

    One thing I don't like right now is the lack of ability to simply moderate comments and see statistics. I know this is probably all possible via the graph API but for the common users…this is not an easy task

  • News Watchdog Service May 3, 2010, 2:03 am

    nice thanks for your help

  • igre 123 igrice May 2, 2010, 2:49 pm

    nice explaned

  • kiki May 2, 2010, 2:48 pm

    good job

  • Rims April 30, 2010, 2:24 pm

    I am agreed with you. It is very easy to use facebook. It is becoming more popular day by day. I am using facebook.

  • Ty April 15, 2010, 2:23 pm

    Hi Ruhani, thank you for this easy to understand tutorial.. really helped…
    I created a DEMO/test comment form page but in mine (regardless of the browser and my log-in state) all i see is the option to Comment by Logging Into FaceBook so no anonymous option is visible.. (Name/Email)

    http://applicationusa.com/facebookcommentbox.html

    (PS: “Allow Anonymous Comments” is checked YES)

    any help would be appreciated…

  • zarul702 April 5, 2010, 12:56 pm

    salam ruhani rabin
    sy suker tgk ruangan komen anda, simple box dan friendly
    blh bg tau tak mcm mn nk buat?

    harap dpt tolong sy

  • Cheryl March 10, 2010, 9:18 pm

    For some reason, I can't get it to allow anonymous posts (for those with no facebook login)… I checked the 'anonymous' box, but still no luck… any idea what's going on or how to fix it?

  • Ruhani Rabin March 8, 2010, 6:24 pm

    If it is less than 10% then you should let go of ie6

  • lukees March 8, 2010, 5:52 pm

    I guess if you can't fix it and I can't, there's nothing to be done.

    The browser stats on our website show only 4.4% using IE6, so we may just let it slide.

  • Ruhani Rabin March 8, 2010, 5:40 pm

    Not really sure how I can help on that

  • lukees March 8, 2010, 4:47 pm

    I'm trying to set this up for a website and it's not loading in IE6. I just checked out your demo site and it isn't either.

    Any insight?

    I'm running IE6 in a virtual windows installation with VMWare Fusion on a MacBook Pro, though this shouldn't matter.

  • zikr the jalanan sepi March 2, 2010, 8:47 pm

    thanks for the tips :-)

  • Janice Clark February 18, 2010, 6:28 am

    Big ups for this . . . thanks! :D

  • Sam February 16, 2010, 10:47 pm

    Is it possible to review all of the comments that people leave on your site in one place?

  • Sam February 16, 2010, 10:45 pm

    Hello,

    Is it possible to set up a star rating system using Facebook?

  • Keo Visay January 26, 2010, 8:50 am

    Trying out this article to setup a facebook connect in a demo site.

  • apjet January 19, 2010, 6:50 pm

    Not directly related to this post. I want to say I like the DISQUS comments. But it asks you to create a DISQUS account which I don't know if anyone would be interested.

  • Khasruzzaman Milon January 13, 2010, 5:59 am

    How can i set facebook connect like
    http://www.tv4play.se/sport/fotbollskanalen?sel
    anybody help please

  • uttammitra January 7, 2010, 7:11 am

    hi i want this plugins please help me other wise my boss kick me out of my company.Just send plugins address send me.If possible then send twitter also.

  • uttammitra January 7, 2010, 7:11 am

    hi i want this plugins please help me other wise my boss kick me out of my company.Just send plugins address send me.If possible then send twitter also.

  • mfarney January 5, 2010, 12:51 pm

    I really have no idea why web designers still earn their daily bread. It seems that anyone can create a blog in just minutes. The internet is simply amazing. Of course, for a sturdy business site a web designer can do more than an online free tool. Still, it never has been so easy to create a blog, even for people with no programming skills.
    ________________
    Mathew Farney – Web Hosting

    • John May 29, 2010, 11:43 am

      Umm…probably because not everybody wants a regular old blog with a few color changes? You know, there are still people that like things customized professionally.

  • Starcraft 2 December 25, 2009, 10:25 am

    facebook How to Install Facebook Connect Comments on WordPress Facebook has just introduced its first widget, the Facebook Comment box for Facebook Connect Now

    Now, if you would like to easily get Facebook Connect set up on your WordPress blog, you can easily do it with these simple steps

    your readers to comment with Facebook effortlessly How to tattoo Wow, nice tips, very easy understand, I have some works to do now

  • Starcraft 2 December 25, 2009, 5:25 am

    facebook How to Install Facebook Connect Comments on WordPress Facebook has just introduced its first widget, the Facebook Comment box for Facebook Connect Now

    Now, if you would like to easily get Facebook Connect set up on your WordPress blog, you can easily do it with these simple steps

    your readers to comment with Facebook effortlessly How to tattoo Wow, nice tips, very easy understand, I have some works to do now

  • makinghollywood November 15, 2009, 2:02 am

    How do i know where to insert the code on my wordpress site ???

  • Joe Basurto November 13, 2009, 2:41 am

    I like this.

  • robinng November 12, 2009, 10:05 am

    thanks for this. i actually looking for it!

  • Ruhani Rabin November 9, 2009, 12:12 pm

    Actually “Disqus” Does it all :) This tutorial only for the people who like
    to use FB Comments systems in their static websites etc..

  • Wes November 9, 2009, 6:20 am

    Is there any benefit to using the facebook comment box over the Disqus comment box?

  • kem jem October 31, 2009, 7:46 pm

    testing .how do u upload a picture?

  • facebook connect October 30, 2009, 10:53 am

    I’m really glad to see this! One of the things I love about Facebook is that their products tend to actually work… I’ve been extremely frustrated with just about everything Myspace and OpenID hasn’t worked for me either..

  • Ruhani Rabin October 16, 2009, 6:43 am

    This article mainly intend to add the box on any website including plain
    website :) yeah please do let us know about your cool investigation :)

  • Harsh Agrawal October 16, 2009, 6:29 am

    Few days back I implemented the same but with little difference and that is keeping the same wordpress commnt box and beside it added an option to comment using facebook connect, but later on somehow I guess messed with commnts.php code and it stopped working. I will see if I can implement again this one..

  • Pliggs October 7, 2009, 6:05 pm

    Good post, trying to implement something similar in a project I am working on.