Facebook Comments For Blogger

Posted by Unknown on

Facebook Comments For BloggerFacebook Comments can bring better interactivity into your Blog. These comments will work like a Facebook Wall.This tutorial will help you to easily setup Facebook Commenting on your Blogger Blog.

Demo

Features:

  1. Threaded Comments
  2. Comment Permalinks
  3. Likability
  4. Can Subscribe or unsubscribe to comments
  5. Can Moderate Comments at one place

Drawbacks:

1. Won’t Sync with your Existing Blogger Comments

Adding Facebook Comments to Blogger:

1. Hide Existing Comments - The best way to start off is by hiding the comments made from the Blogger System. To do that, go to Settings > Posts and Comments and set the Show Comments option to Hide and Save the Settings

image

2. Create a Facebook App To display Facebook Comments on your Blog you should have a Facebook Application. Don’t get worried by the name. You can do that with a few clicks.

Go to this URL https://developers.facebook.com/apps and click on the Create New App button

image

Enter Some name for your App Agree to the Terms and click on the continue button

image

If it issues a Captcha verification, type the Captcha and click on the Submit Button

image

Now you will be taken to a Settings Screen

image

In the App Domain Field give blogspot.com (If you are using a custom domain give that) Give your Blog Address in the Site URL field under “Website” and Save The Changes. Copy the Application ID from the screen

3. Add Application and Moderator Meta Tags

Modify the below code with the application id copied in step 2.

<meta content='YOUR_FACEBOOK_APPLICATION_ID'   property='fb:app_id'/>

Go to Template/Design > Edit HTML and paste the above code just below

<head>

and Save the Template

image

You should create the Facebook Application and the above fb:app_id meta tag should be added to your Blog. Otherwise you won’t be able to manage/moderate your Comments from a single Place(you will have to go to posts one my one and moderate and that too is possible only if you have added the fb:admins open graph meta tag).

4. Add FB Comments - Now you have to add the Facebook Comment Form to your Blog Template. To do that Go to Template/Design > Edit HTML and click on the “Expand Widget Templates” checkbox

Find the following code in your template(Use the keyboard shortcut Ctrl + F), and immediately below that paste the following code:

<div class='post-footer-line post-footer-line-3'>

If you can’t find this, then find

<p class='post-footer-line post-footer-line-3'>

If you cant find that as well, then find 

<data:post.body/>

Paste the following code just below the line that you just found out

<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>

If you want to alter the width, then you can change 450 to the width that you want. If you want the dark version of Facebook comments, then change light to dark in the above code.

5.FB Namespace Declaration - Next you have to add the fb namespace to your template tag.Your template should have the specification for the fb tag that you have used. The following XML namespace declaration will take care of that. To declare the namespace, find

<html

and change it to

<html xmlns:fb="https://www.facebook.com/2008/fbml"

(there is a space after the 2008/fbml” )The following screenshot will help you out.

image Save the Template. This namespace declaration is necessary for all FBML widgets using the fb tag. So if you have already added the namespace declaration while adding some other FB plugin, then you can skip this.

6. Hey! You are done.. Now you should see the Comment box on your Blog :)

If you can’t see it, then it would probably be because you have added some Non-FBML Facebook Plugin. If that is the case, then remove it and add the FBML versions of those widgets. All Facebook Plugins Provided here use the FBML markup(at the time of writing).

Managing Your Comments

When you are logged in to your Facebook account, the Facebook comment plugin will detect that you are the admin(it will detect you if you have added the fb:app_id or fb:admins meta tags). You will be able to manage the Settings and moderate the comments from there:

image

Check the “Other Login Providers” (Yahoo AOL and Hotmail)option and Save the settings if you want non-Facebook users to leave comments.

You can moderate your comments from this URL

http://developers.facebook.com/tools/comments

Displaying Facebook Comment Count

Use the following code in the post loop to get a Comment Count Display with a link to the comment form. This code should be added within the post loop. For example, this can be added below <data:post.body/>

<b:if cond='data:post.isFirstPost'>   
<script>(function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<a expr:href='data:post.url + "#fb-root"'><fb:comments-count expr:href='data:post.canonicalUrl'></fb:comments-count> comments</a>

If you get into trouble, then feel free to comment on :)

Comments

  1. fatihSeptember 12, 2011 at 3:21 AM

    i will do this in a year

    ReplyDelete
  2. UnknownSeptember 12, 2011 at 6:15 AM

    If I put this on my blog, is there any notifications in Blogger that telling me th new comments comes?

    ReplyDelete
  3. Sudeep AcharyaSeptember 12, 2011 at 7:41 AM

    It's awesome brother....and you too... you create awesome widgets for blogger...keep it up!

    ReplyDelete
  4. Akim IqbalSeptember 12, 2011 at 8:05 AM

    wow, nice tutorial. later do. hehe

    ReplyDelete
  5. Shubham (NeO)September 12, 2011 at 9:29 AM

    Will the comments posted via Facebook be in sync with Blogger comments ?

    ReplyDelete
  6. MihikaSeptember 12, 2011 at 9:39 AM

    I tried it.The comment box did not show.Apart from this everything (the posts)has disappeared from my blog.Please help.
    http://ideasoutofthemist.blogspot.com

    ReplyDelete
  7. UnknownSeptember 12, 2011 at 10:37 AM

    plus 100

    ReplyDelete
  8. AsunHasiSeptember 12, 2011 at 11:47 AM

    i like.. this... thanks...

    ReplyDelete
  9. arieSeptember 12, 2011 at 3:12 PM

    i now try this :))

    ReplyDelete
  10. UnknownSeptember 12, 2011 at 8:29 PM

    This is very help me than from the others. I really like you.... from putri - threelas

    ReplyDelete
  11. AsunHasiSeptember 12, 2011 at 8:31 PM

    thanks

    ReplyDelete
  12. ViktigsonSeptember 12, 2011 at 10:03 PM

    ok, but this link is not working - https://developers.facebook.com/apps
    i can't add app

    ReplyDelete
  13. UnknownSeptember 12, 2011 at 10:31 PM

    @Mihika - Once again Go to your template, expand the widget templates and look for
    <b:if cond='data:blog.pageType == &quot;item&quot;;'>
    Remove the extra semicolon. i.e change it to
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    An extra semicolon somehow crept in when i composed the post. sorry :)

    ReplyDelete
  14. Lawrence PeryerSeptember 12, 2011 at 11:37 PM

    This is awesome. Thank you. When I implemented I received this error at the bottom of each post: "Warning: http://www.burningdervish.com/2011/09/curtis-fuller-imagination.html is unreachable."

    Any idea what would cause that? Thanks

    ReplyDelete
  15. UnknownSeptember 12, 2011 at 11:49 PM

    @Shubham NeO ©® - No easy way to get it to sync as with Disqus.Facebook to Blogger Export is possible(Facebook has the graph API which will help in exporting comments). But i don't see a way to make the reverse happen. And by the way FB doesn't allow Anonymous(Name/URL) comments..

    ReplyDelete
  16. UnknownSeptember 13, 2011 at 1:09 AM

    @LP - You gave your Facebook Page's ID as your Facebook Profile ID. You should be using your Profile ID and not your Fan Page's ID.

    ReplyDelete
  17. LaboniaSeptember 13, 2011 at 1:15 AM

    Use the following code in the post loop to get a Comment Count Display

    POST LOOP? How do i do this?

    ReplyDelete
  18. UnknownSeptember 13, 2011 at 1:28 AM

    @Labonia - Try pasting it just after
    <b:include data='post' name='shareButtons'/>

    ReplyDelete
  19. UnknownSeptember 13, 2011 at 1:45 AM

    cool! thank's ;]

    ReplyDelete
  20. LaboniaSeptember 13, 2011 at 2:03 AM

    please help me to add a comment count. my blog is www.cinema.tv.br. please help.

    ReplyDelete
  21. LaboniaSeptember 13, 2011 at 2:04 AM

    THANK YOU. THANK YOU ! it worked!

    ReplyDelete
  22. LaboniaSeptember 13, 2011 at 2:06 AM

    actually it didn't. the count is still not showing, only the word "comentarios"

    ReplyDelete
  23. LaboniaSeptember 13, 2011 at 2:10 AM

    @Labonia - Try pasting it just after


    Ok. that worked, but how do I make that a link to the comments ?

    ReplyDelete
  24. UnknownSeptember 13, 2011 at 2:20 AM

    @Labonia - Post has been updated. Reload the page :)

    ReplyDelete
  25. S. C.September 13, 2011 at 6:57 AM

    It worked and I do enjoy it. First question, is there a way to display the comments on the homepage of the post time line instead of having to click on the post directly THEN see the comments. Otherwise no viewers, when looking at individual posts from the home screen, can tell if anyone has interacted with the post. They must click first then view comments. Visit : strangecta.blogspot.com

    Second, there is some delay on the share buttons being active with the new plugin. They at times are not clickable or take a tremendous amount of time to load, any suggestions?

    Thanks! Love it overall!

    ReplyDelete
  26. UnknownSeptember 13, 2011 at 9:12 AM

    @S.C - It won't be a good idea to display the comments everywhere.You can do it if you remove the first and the last line of code mentioned in Step 3.

    The better way to do it would be to show a comment link(with comment count) on all pages.
    The code is there to the end of the post.

    ReplyDelete
  27. UnknownSeptember 13, 2011 at 9:27 AM

    @SC - I see that you have added a meta tag below <header>. It's the wrong place to add meta tags. Remove it :)

    You haven't created a Facebook App or added the FB Application Meta Tag to your Template. you will still be able to use FB comments and you will be able to moderate them by going to individual posts.

    If you want to moderate the comments all at once, then you will have to create the FB application and use it :)

    ReplyDelete
  28. MihikaSeptember 13, 2011 at 9:31 AM

    Thanks.You rock......:)

    ReplyDelete
  29. NedSeptember 13, 2011 at 3:18 PM

    Thanks! It's working

    Check my blog: http://mightyships.blogspot.com/

    ReplyDelete
  30. Micky.J.FranklinSeptember 13, 2011 at 3:55 PM

    Does it help to get more visitors also?as compared to normal comments?Just curious..

    ReplyDelete
  31. CHROMEWAVES RADIOSeptember 13, 2011 at 9:47 PM

    i'll ask again since my comment didn't seem to post yesterday. does the comments section for each post sync and appear as a comment on the FB posting? Or are the comments on the blog separate?
    thanks.

    ReplyDelete
  32. Beben KobenSeptember 13, 2011 at 11:05 PM

    alternative way if any user want to use comment facebook, but not with app_id

    Facebook Comments Box Plugin for Blogger

    thanks^^

    ReplyDelete
  33. UnknownSeptember 13, 2011 at 11:32 PM

    @Beben - if you don't specify the APP ID, you won't be able to moderate the comments from a single place.If you don't specify the APP ID and you don't have the fb:admins meta tag added, then no one would be able to moderate the comments(but yea you will get the comment form). So if you are not using the Facebook APP ID, you should at least use the fb:admins open graph meta tag.

    The code uses asynchronous methods to load JavaScript, and doesn't add the FB JavaScript over and over again if it has been already added for some other Facebook Plugin.

    ReplyDelete
  34. AlbmagazineSeptember 14, 2011 at 5:23 AM

    Thenxxxx

    ReplyDelete
  35. S.C.September 14, 2011 at 6:11 AM

    Thanks for the feedback, so can you tell me how to do this part of your instructions? I'm lost and would appreciate it!

    "You should create the Facebook Application and the above fb:app_id meta tag should be added to your Blog. Otherwise you won’t be able to manage/moderate your Comments from a single Place(you will have to go to posts one my one and moderate and that too is possible only if you have added the fb:admins open graph meta tag)."

    ReplyDelete
  36. UnknownSeptember 14, 2011 at 9:12 AM

    You have create the Facebook App, and you have also added the fb:app_id open graph meta tag to your template.So you have done all of it. The other part just says that adding this f:app_id tag is important :)

    ReplyDelete
  37. AnonymousSeptember 14, 2011 at 8:49 PM

    Nice tutorial, thanks,. :)

    ReplyDelete
  38. AdminSeptember 14, 2011 at 10:01 PM

    thanks everything works fine, but I still doubt it will all

    ReplyDelete
  39. CHROMEWAVES RADIOSeptember 14, 2011 at 10:33 PM

    still no response, that's lovely. from what i can gather, the comments on the blog post are completely different from comments on any FB post that may be automatically generated from the blog post (i.e. Networked Blogs), which leads me to think...what's the point of this then? it's just another form of commenting like Disqus. The FB portion of it seems to have nothing to do with the actual FB website. Where are these posts going?

    ReplyDelete
  40. The AbbiSeptember 14, 2011 at 10:46 PM

    I'm stuck, I've tried a couple of times to make this work but absolutely nothing is happening.
    I've made the app on facebook, I think my html is wrong?
    http://abigail-rebecca.blogspot.com/
    please help!

    ReplyDelete
  41. UnknownSeptember 14, 2011 at 11:14 PM

    @CHROMEWAVES RADIO - yup its just another commenting option like disqus. Disqus allows you to sync with blogger comments, whereas FB doesn't..

    ReplyDelete
  42. CHROMEWAVES RADIOSeptember 14, 2011 at 11:15 PM

    thank you for clarifying.

    ReplyDelete
  43. UnknownSeptember 14, 2011 at 11:19 PM

    @rebecca - its working perfectly at http://abigail-rebecca.blogspot.com/2011/09/california-bakery-wandering.html

    ReplyDelete
  44. The AbbiSeptember 14, 2011 at 11:40 PM

    oh i've just realised it works on the individual posts not on the main blog page, thanks!
    so just a quick couple of questions...
    how do I get a new post to appear on my facebook news feed so tha people can comment? or will this happen automatically?
    also, am i right in thinking that each post will have it's own comments? as in, the comments won't appear on every blog entry?
    THANKS a lot

    ReplyDelete
  45. UnknownSeptember 14, 2011 at 11:55 PM

    each post will have it's own set of comments.The posts are local to your blog. If the commenter checks the "Post to Facebook" button, it will be posted on to his wall.

    ReplyDelete
  46. AdminSeptember 15, 2011 at 1:22 AM

    Thank you Aneesh, You are perfect, Please Tell me Cab I show blogger comments again now!!

    ReplyDelete
  47. UnknownSeptember 15, 2011 at 1:28 AM

    @Admin - you mean both the blogger and facebook comments at the same time?

    ReplyDelete
  48. AdminSeptember 15, 2011 at 2:48 AM

    Yes

    ReplyDelete
  49. picturequizSeptember 15, 2011 at 10:51 PM

    heya.......i can see nothing....!i am using awesome inc template...
    facebook says

    Changes saved. Note that your changes may take several minutes to propagate to all servers.


    how much time it will take?or did i mess up somewhere?
    http://picturequizworld.blogspot.com/

    ReplyDelete
  50. picturequizSeptember 15, 2011 at 11:07 PM

    thank you so much.....i got it finally........
    i guess...there is one more error

    in step4 when we change "light" to
    "dark" i see no change in comments...............

    ReplyDelete
  51. AyanaSeptember 15, 2011 at 11:59 PM

    Hello...I tried to add this but can't figure which non FBML I've used. grrrr...

    ReplyDelete
  52. UnknownSeptember 16, 2011 at 12:04 AM

    Post your Blog address and i can try helping you.

    ReplyDelete
  53. GrinSeptember 16, 2011 at 10:27 AM

    The comments don't show up unless the viewer clicks the comment count button. If I hide the original comments form, the facebook comments don't show up at all. http://grinningstudio.blogspot.com

    ReplyDelete
  54. AnonymousSeptember 16, 2011 at 10:28 AM

    nice

    ReplyDelete
  55. XenSeptember 16, 2011 at 11:05 PM

    Hi thanks for the nice tutorial, however I am stack... could you give me some advice?

    http://xenmus.blogspot.com

    App OK, id is in the html code... I could not find the body part so I put the fb code on the blog page. And I am getting the:
    The comments plugin requires an href parameter. error message.
    thanks a lot

    ReplyDelete
  56. UnknownSeptember 16, 2011 at 11:38 PM

    @Xen - did you check the "Expand Widget Templates" check box?

    ReplyDelete
  57. AnonymousSeptember 17, 2011 at 12:09 AM

    Help me! Its not working. I just going to start with my blog soon.
    My blog still new.

    http://www.williamanthonyblog.com/

    ReplyDelete
  58. sreeSeptember 17, 2011 at 5:53 PM

    thankssssssssssssssssssssssssss

    ReplyDelete
  59. AnonymousSeptember 17, 2011 at 9:21 PM

    It's WORKING!!! Thanks!

    ReplyDelete
  60. picturequizSeptember 19, 2011 at 10:52 AM

    ok ok
    i won the match

    succesfully added the code........
    BUT BUT BUT

    we can only comment from the post page!!!
    if some one comes to my home page..he cannot comment.who will tell him to click on the post title..go to the post page..and then comment?

    ReplyDelete
  61. picturequizSeptember 19, 2011 at 11:07 AM

    ok...got the comment loop...thankx a lot...wohoo!

    ReplyDelete
  62. AngahXSeptember 19, 2011 at 1:17 PM

    why it no appear?
    please check my blog at
    http://www.angahx.com

    ReplyDelete
  63. AngahXSeptember 20, 2011 at 8:49 AM

    can someone help me?

    ReplyDelete
  64. Testing FriendSeptember 20, 2011 at 10:30 AM

    i have tried to add the fb comments to my post..... n i observe that even if the person comments on individual post, the same comments appears for all posts .... Is there a way to make it individual comment for individual post ? ? ?

    ReplyDelete
  65. UnknownSeptember 20, 2011 at 11:35 PM

    @Testing Friend - i guess you would have tried using the Code provided on the FB plugin page. The code here is adjusted so that it uses dynamic post urls in the href field of the fb:comments tag. You can see the result on the demo blog.It has different set of comments for each post.

    ReplyDelete
  66. S.C.September 24, 2011 at 12:40 AM

    I tried removing this from my site but I can't bring back the normal comment box. Do you see anything wrong with the code?

    ReplyDelete
  67. S.C.September 24, 2011 at 1:11 AM

    BTW I believe the script which I deleted has effected my FB like button and like box, neither wants to show up now. I simply deleted the code you provided and turned the comments from hide to show in the settings area. So confused :/

    ReplyDelete
  68. AndySeptember 24, 2011 at 1:17 AM

    Hi;
    I just added the facebook comment in my blog. great tips really I used the dark color.

    I ask one thing, is ther other way when I can still see other comments aside from the facebook comments. I can no longer see my post comments since I changed it to facebook comment.

    ReplyDelete
  69. MrbdiariesSeptember 25, 2011 at 7:49 PM

    it works!! Thanks a lot..

    ReplyDelete
  70. Long PlayingSeptember 25, 2011 at 10:50 PM

    The comment box isn't appearing in my blog, and I followed every step. I'm using a edited version of the Simple Theme. Anyone has an idea of why it isn't working? (Feel free to see my source code).

    ReplyDelete
  71. Mohamed Ahmed El-ShawafSeptember 27, 2011 at 7:43 PM

    thanks< it's working well,
    :)

    ReplyDelete
  72. Kishan GouravSeptember 28, 2011 at 1:52 AM

    can you please help me out buddy. i tried to integrate it but it doesnt work at all.

    speedbrakes.blogspot.com

    ReplyDelete
  73. tayyabSeptember 28, 2011 at 4:14 AM

    facebook comments do no display in my box i have tried many times. please help

    ReplyDelete
  74. Yaser ShakuliSeptember 28, 2011 at 11:36 AM

    it's not working i dont know why pls help
    http://dumbnaruto.blogspot.com/

    ReplyDelete
  75. Jon CassidySeptember 28, 2011 at 6:02 PM

    I used your page to add the plugin before and it worked brilliantly but after a redesign I lost your page and tried other and none of them worked! I'm glad I found your page again it works really well!

    ReplyDelete
  76. Eric OlsenSeptember 28, 2011 at 8:45 PM

    This is EXACTLY what I'm looking for. And you're wonderful for being so helpful to people who are getting stuck. I thought I followed the steps perfectly, but can't figure out what I'm doing wrong. Any chance you can help? www.allopinionsarenotequal.com

    Deepest thanks. This is so cool.

    ReplyDelete
  77. UnknownSeptember 28, 2011 at 10:49 PM

    @Eric Olsen - Add the code first. Then only i will be able to help you out :) You have not done steps 4 and 5.

    ReplyDelete
  78. UnknownSeptember 28, 2011 at 10:55 PM

    @tayyab - its already working on your blog.
    @Yaser Shakuli - i have a feeling that you have not done steps 3, 4 and 5. :)

    ReplyDelete
  79. ChamberSeptember 29, 2011 at 2:07 AM

    Hi. I followed your instructions on my brand new blog today. I'm not sure where I went wrong...I now display the facebook comment box AND the blogspot comment box. I want to only display the facebook one. I checked "hide" on the comments option on the page and when I did, it also hid the facebook box too.

    Any help is greatly appreciated, thank you.

    ReplyDelete
  80. Jon CassidySeptember 29, 2011 at 5:04 AM

    Do you have any help when adding the Facebook login button! it was working but now it doesn't seem to be!

    ReplyDelete
  81. Eric OlsenSeptember 29, 2011 at 5:34 PM

    you are wonderful! (i promise i DID do steps 4 and 5 before i asked for help - not sure why they didn't save through the first time) looks like everything's up and running now.

    Now, you don't happen to know if there's any way to sync this comment feed on the blog with the comment feed on Facebook itself if I'm using a tool like Networked Blogs to automatically post these?

    Now, THAT would be amazing.

    ReplyDelete
  82. Oh So CynthiaSeptember 29, 2011 at 9:07 PM

    I have tried to install this at least 20 times using other blog posts and could never get it to work. FINALLY, your article helped me get it right!! THANK YOU!

    ReplyDelete
  83. UnknownSeptember 29, 2011 at 11:02 PM

    @Chamber - Hide the Blogger comments and visit the post page(eg: http://bit.ly/pyjl7V). You should see the FB Comment Box there

    ReplyDelete
  84. Long PlayingSeptember 30, 2011 at 7:20 AM

    So, it's me again and it's not working yet (and I tried different codes from other websites). Does this comment box work with layouts from the template editor?

    ReplyDelete
  85. ChamberOctober 4, 2011 at 1:17 AM

    Thank you... Is there a way to get the FB comment box to show up on the home page of the blog...so that some one does not have to click on the post in order to comment? I realize this is not best/common practice for a blog but for my purposes it is important.
    thanks again

    ReplyDelete
  86. Pankaj SarafOctober 4, 2011 at 12:17 PM

    Nice Post. Thanks for sharing this information.

    ReplyDelete
  87. wardahstoreOctober 6, 2011 at 8:30 PM

    Good tutorial. Thanks, i have tried it and it work perfectly with other template, but non my template

    http://testwardah.blogspot.com/2011/10/syria-labuh-corak-sc004.html

    Can you help?

    ReplyDelete
  88. Parag VermaOctober 6, 2011 at 11:33 PM

    Thanks...!!! its awesome i have done it.. m so happy.

    ReplyDelete
  89. Afan KOctober 9, 2011 at 7:11 AM

    awasome..thanks!!

    ReplyDelete
  90. UnknownOctober 9, 2011 at 1:25 PM

    I've went through all the steps but it's not working.

    http://www.inthemixgfx.com/

    ReplyDelete
  91. NamanyayOctober 11, 2011 at 9:07 PM

    I do not get notified when someone comments... any other way? and can u please show some snapshots of your'Comment Moderation Tool' page?? and, can u tell me how fb:admins work?? You enter facebook.com/yourusername, or yourusername or http://facebook.com/yourusername?? or something totally different!?

    ReplyDelete
  92. UnknownOctober 11, 2011 at 11:59 PM

    I want to ask you, how to do, than on my blogspot people can write fb comment box and default comments? In settings I top on show comments, but only fb comment in post i see :/

    ReplyDelete
  93. bcrvideoOctober 12, 2011 at 5:53 AM

    Question- I would like to add this to my blog located at http://www.wackyyoutube.com/ (using custom domain). When I follow the steps, what should I put in the App Domain field: wackyyoutube.com or www.wackyyoutube.com or something else? Also under site url, should I put the full custom domain (http://www.wackyyoutube.com/) or the blogspot address (http://wackyyoutubevideos.blogspot.com? I have tried this once before and had the comments box but got the "Warning: (link) is unreachable." error below the comment. I saw in a reply you stated this was because
    You gave your Facebook Page's ID as your Facebook Profile ID. You should be using your Profile ID and not your Fan Page's ID.

    What does this mean?

    Sorry for the long question but I would really appreciate any help.

    Thanks!

    ReplyDelete
  94. anne safeaOctober 12, 2011 at 10:43 PM

    Warning: http://geraikelate.blogspot.com/2011/10/gerai-keltepakat-singgah-belako-bisnes_06.html is unreachable

    guys..what does it mean???????

    ReplyDelete
  95. UnknownOctober 12, 2011 at 11:25 PM

    @Nelson O'Neil Rios - i guess your template has multiple occurrences of data:post.body. Try pasting the code below the second one.

    @Anhelo - I see both of them at http://whisperedinthesilence.blogspot.com/2011/06/summer-pleasures.html
    @bcrvideo - you can give wackyyoutube.com as the app domain and http://www.wackyyoutube.com as the Site URL.

    @Others - Those who seeing warnings or errors below the Comment Box, try debugging using the FB Linter https://developers.facebook.com/tools/debug
    Note: You should give a post URL here(the url where the comment box is displayed). (You can ignore warnings shown in the Linter.Look for errors :))

    ReplyDelete
  96. UnknownOctober 13, 2011 at 9:40 AM

    I have gone all step but not working:
    http://testwardah.blogspot.com/2011/10/syria-labuh-corak-sc004.html

    ReplyDelete
  97. bcrvideoOctober 13, 2011 at 8:44 PM

    I appreciate your help. It works perfect!

    Thanks!!

    ReplyDelete
  98. UnknownOctober 13, 2011 at 10:02 PM

    i follow all the direction but my comment on fb did not appear on my blog.thank you

    ReplyDelete
  99. AnonymousOctober 14, 2011 at 11:59 PM

    This is exactly what I would love to ad to my blog. I follow the steps but there is absolutely no comment box now in my blog.
    Is there any chance to figoure out what did I do wrong?
    dorabarens.blogspot.com
    Thanks in advance!!

    ReplyDelete
  100. EverythingOctober 15, 2011 at 10:01 AM

    Nice

    ReplyDelete
  101. Parag VermaOctober 16, 2011 at 1:11 PM

    cooooooooooooooool
    i have a ques.. can v make a message box which can directly send a msg to our cell phone IN BLOGGER.

    ReplyDelete
  102. tjOctober 18, 2011 at 4:49 AM

    Hi,
    very well explained, thanks.
    One question:
    is there a way to make sure that the fb comment box appears only for my last post and future ones. I would like to avoid to have my past 130 posts staring with zero fb comments.
    Many thanks,
    Tom

    ReplyDelete
  103. Shahrul Shah 'Aizat'October 19, 2011 at 2:46 PM

    hey, thankz.. i've done it..

    ReplyDelete
  104. EugenOctober 20, 2011 at 10:38 PM

    Thank you very very much !

    ReplyDelete
  105. Javeria QadirOctober 22, 2011 at 4:31 AM

    ur superbbbbbbb!!! :P

    ReplyDelete
  106. Aseem PathakOctober 24, 2011 at 6:26 PM

    hey blogger plugins he tutorial was was very good and informative but in your test blog the comment system is below the bar which shows "posted by xyz" and the labels

    How do i fix this? contact me through my website!

    ReplyDelete
  107. Zach GeorgeOctober 27, 2011 at 12:45 PM

    Thanx dude...worked perfect

    ReplyDelete
  108. UnknownOctober 28, 2011 at 5:16 PM

    Hey The Comment Box Is Coming In My Blog U Can chk That Here


    http://djsdrive.blogspot.com/2011/10/dj-chirag-rage-vol-6.html

    But Below This It Showing Some Warning Like This [ Warning: http://djsdrive.blogspot.com/2011/10/dj-chirag-rage-vol-6.html is unreachable. ]


    Wats The roblem Can You Say Me

    ReplyDelete
  109. Assal AliOctober 29, 2011 at 10:13 PM

    It doesn't work for me :(((((((((((((((((((((((((((((((((((((((((((
    I have 4 x ( )
    wich one i could use ???
    Can you help me detect the problem ?? please !!

    ReplyDelete
  110. TopgloobNovember 6, 2011 at 10:06 PM

    nice

    ReplyDelete
  111. AnonymousNovember 7, 2011 at 9:42 AM

    what about i found two in my template? where i should paste the code?

    ReplyDelete
  112. dustroNovember 8, 2011 at 6:17 PM

    nice

    ReplyDelete
  113. afypnistisNovember 8, 2011 at 6:40 PM

    Thanks for the tips! - How I could add few blank lines at the top of the fb comment box in order to separate it from other information above?

    ReplyDelete
  114. NithinNovember 13, 2011 at 3:31 PM

    Hey Bro
    I implemented your code in my site, but unable to moderate it. The fascinating thing is that these comments doesn't show in Comment Moderation Tool. Also the comments doesn't appear in chronological order. Please check it. Hoping for a updated post on fb comments.

    ReplyDelete
  115. NithinNovember 13, 2011 at 5:00 PM

    Hey Bro
    Last Comment i posted was send for approval. Please don't approve my comment as i am able to post,view and moderate comments. Anyway thanks a lot.
    U Rock

    ReplyDelete
  116. Indika WijesooriyaNovember 14, 2011 at 1:03 PM

    Hello 'blogger plugins'
    I'm just a new guy to blogger but I've done everything in the tutorial, very well. But it doesn't show any facebook comments bar below my posts and I know that the problem is with this non-FBML thing, but I know nothing about this FBML!!!
    "indibanda.blogspot.com"
    is my blogger URL, Please help me!!!!
    p.s. Don't mind about the language please... :p

    ReplyDelete
  117. UnknownNovember 14, 2011 at 10:35 PM

    check out your post page and you will see it
    e.g:
    http://indibanda.blogspot.com/2011/11/blog-post_12.html

    ReplyDelete
  118. QuyềnNovember 16, 2011 at 8:41 PM

    thnks a lot .post full

    ReplyDelete
  119. UnknownNovember 19, 2011 at 8:25 AM

    Thanks, it works: http://oliviercompagne.blogspot.com/2011/11/power-of-theories.html

    However, when I check the box "Post to facebook", it doesn't post anything on my FB wall... It seems to be true not only with MY blog, but also on another blog I've found using the FB comments. Nothing gets posted on my wall, that's too bad. Any idea why? Thanks!

    ReplyDelete
  120. SheemaNovember 19, 2011 at 9:48 AM

    can you help me see my blogspot blog blog here it look crappy

    http://indianpicklemaking.blogspot.com/2011/11/carrot-pickle-preparation-of-carrot.html

    ReplyDelete
  121. Astrid HansenNovember 20, 2011 at 8:26 AM

    Hi!
    I love this thing :D
    But I'm having a bit of trouble figuring out how to get the comment count to work. I just cant figure out what you mean by "post loop" and where the code is suppose to be glued in.
    I'm such a noob at these things sorry X)

    www.astridhansen.com

    ReplyDelete
  122. PanusNovember 20, 2011 at 11:31 PM

    Already done! Thank you very much!

    ReplyDelete
  123. Hamba AllahNovember 21, 2011 at 8:43 AM

    nice tutorial

    ReplyDelete
  124. Stef-ZNovember 25, 2011 at 1:11 AM

    Thank you so much!! Works peferctly!

    ReplyDelete
  125. AnonymousNovember 30, 2011 at 3:30 PM

    Doesn't work for me - triple checked.

    ReplyDelete
  126. ElyDecember 1, 2011 at 9:02 PM

    Thank you! It was very helpful!

    ReplyDelete
  127. UnknownDecember 2, 2011 at 10:34 PM

    Hello, i add and it work perfect, however when someone comments on my post, i don't get notifications like older blogger comments...i'm i doing this correct or i mess something or somewhere??? please answer me

    ReplyDelete
  128. subins2000December 5, 2011 at 7:58 PM

    Thankyou very Much

    ReplyDelete
  129. ViejoJimmyDecember 5, 2011 at 9:40 PM

    Thank you ! Awesome, it works perfectly. Very convenient for the blog. If you are going to embed it into your blog, do not forget to save the link to the list of comments. Only downside I see is the comments management/notification process.

    ReplyDelete
  130. UnknownDecember 14, 2011 at 3:24 PM

    i cant find the codes in step 4..


    htpp://freemiummovies.blogspot.com

    ReplyDelete
  131. Flavio WuenscheDecember 14, 2011 at 4:11 PM

    It perfectly worked for me but...
    Now I can't use anymore the tab Layout inside blogger. How could I fix this?

    Error code: bX-l4u1mh

    ReplyDelete
  132. Pankaj RanaDecember 14, 2011 at 4:47 PM

    I am use this
    but no comment display in comment moderator tool please help me
    email: p.rana@smartimeinc.com

    this is link
    http://dinnerkit.com/Facebookcomments.aspx

    ReplyDelete
  133. IQbaleDecember 14, 2011 at 8:55 PM

    Perfect, working http://aiqbale.blogspot.com

    ReplyDelete
  134. Daniel HarrissDecember 17, 2011 at 2:23 AM

    I've got it working but is there a way to have the comment box open all the time without having to click the count comments button?

    http://bf3clanptg.blogspot.com/

    ReplyDelete
  135. IT solutionsDecember 17, 2011 at 8:47 PM

    I'm also new guy to blogger but I've done everything in the tutorial,But it doesn't show any fb comments bar below my posts and I know that the problem is with this non-FBML thing, but I know nothing about this FBML!!!
    "http://www.repairing-solution.blogspot.com/"
    is my blogger URL, Please help me!!!!

    ReplyDelete
  136. UnknownDecember 17, 2011 at 10:22 PM

    @AmiT - you missed steps 4 and 5 or did them wrongly.

    ReplyDelete
  137. IT solutionsDecember 18, 2011 at 8:51 AM

    I tried step 4 and 5 again but still have same problem :(

    ReplyDelete
  138. UnknownDecember 18, 2011 at 10:35 AM

    @Amit - this time you have done it properly and the comment box is live. Check your post page http://repairing-solution.blogspot.com/2011/08/some-keys-on-keyboard-not-workingkeypad.html :)

    ReplyDelete
  139. Shane BenedictDecember 19, 2011 at 5:08 AM

    Hey Blogger thanks for the instructions. Working like a charm. It might be good to tell folks in your post that it won't appear on the home page. I tried several more times to link it up before I realized that it was working already on the post specific pages.
    Again thank you very much.
    Shane

    ReplyDelete
  140. 100GhzDecember 19, 2011 at 9:18 AM

    it works ,thank you so much !

    ReplyDelete
  141. UnknownDecember 19, 2011 at 5:42 PM

    thnks admin i have worked sucess fully but in coment setting iam the fb admin is
    fb:admin: None specified

    why iam geting ths pls helpm e
    i added the fb app id meta tag below the header tag

    ReplyDelete
  142. IT solutionsDecember 19, 2011 at 8:28 PM

    wow it's works thanks a lot sir!! :)

    ReplyDelete
  143. Ravi JindalDecember 20, 2011 at 2:11 AM

    I'm using blogger custom domain, so what i fill in App Domain and Website domain field. Please help me out. !! Thanks in advance !!

    ReplyDelete
  144. Muhammad GoharDecember 20, 2011 at 4:59 AM

    One of the best and easy tutorial ever, Thanks for sharing the information . Really helped in my blog

    ReplyDelete
  145. PhilTronDecember 20, 2011 at 10:40 PM

    How did many of the referenced blogs above get the comments to appear on their front page rather than just the individual posts?

    themonkeytailblog.blogspot.com

    ReplyDelete
  146. UnknownDecember 20, 2011 at 10:56 PM

    @PhilTron - i don't think it is cool to put the the comments on home page and other index type pages. It will slow down your pages and make them bulky. But if you insist, then you can get it by removing the 2 red lines from the code in step 4.

    ReplyDelete
  147. UnknownDecember 20, 2011 at 11:31 PM

    Hi, I've got the facebook comments set up on my blog however when people leave comments they appear on all blog posts instead of just the intended on. How do I fix this?

    ReplyDelete
  148. UnknownDecember 20, 2011 at 11:34 PM

    @Sabrina - what's your Blog URL. I think you might have used the code from the FB plugin page which will lead to that error :-)

    ReplyDelete
  149. UnknownDecember 21, 2011 at 11:47 AM

    my blog doesnt show the comments please help me bro
    www.eghacking.blogspot.com

    ReplyDelete
  150. GangDecember 26, 2011 at 7:52 PM

    i have done this but it shows "The comments plugin requires an href parameter" :(

    ReplyDelete
  151. UnknownDecember 26, 2011 at 10:47 PM

    @Gang - Blog URL?

    ReplyDelete
  152. AnonymousDecember 26, 2011 at 11:48 PM

    cool

    ReplyDelete
  153. AnonymousDecember 27, 2011 at 12:21 AM

    Comment box won't show. :( http://polkadotsandcurls.blogspot.com/

    ReplyDelete
  154. XDecember 27, 2011 at 12:22 AM

    Comment box won't show. :( http://polkadotsandcurls.blogspot.com/

    ReplyDelete
  155. UnknownDecember 27, 2011 at 1:17 AM

    @Anonymous - i do see 5 of them as you have added the code 5 times :P
    have a look at http://polkadotsandcurls.blogspot.com/2011/12/lantern-parade-2011.html

    ReplyDelete
  156. XDecember 27, 2011 at 1:27 AM

    I DID! Hahaha! Oops. Thanks! Cause when I visit my home page, the comments box doesn't show per post. :( It's only visible when people click on individual posts?

    ReplyDelete
  157. UnknownDecember 27, 2011 at 7:47 AM

    @pauline - that's how it is supposed to work. If you need at add a link to the comments from your home page, then read
    "Displaying Facebook Comment Count"

    ReplyDelete
  158. AnonymousDecember 30, 2011 at 11:26 AM

    thanks dude. great tutorial.

    ReplyDelete
  159. Loo YeeDecember 30, 2011 at 7:32 PM

    May I know how to allow anonymous comment on fb comment box ??

    ReplyDelete
  160. Loo YeeDecember 30, 2011 at 11:40 PM

    I had add fb comment box to my blog ??

    But, I want to change it back ??

    How to change back ??

    ReplyDelete
  161. UnknownDecember 31, 2011 at 12:14 AM

    @Yeo Loo Yee - just remove the codes that you added(you can use Ctrl+F to find the codes in your template.Now go to settings and opt to show the Blogger Comments. That is all :-)

    ReplyDelete
  162. Bollywood HD PicturesJanuary 1, 2012 at 12:19 PM

    sir when i done your work i mean when i save the tempalte then blog show me this error

    Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
    XML error message: The element type "b:if" must be terminated by the matching end-tag "".
    Error 500

    what is this sir ? now tell me what do i do now
    ?

    see my blog and tell me

    www.bollywoodhdpictures.blogspot.com

    ReplyDelete
  163. Syahri Ramadhan WiraasmaraJanuary 8, 2012 at 5:08 PM

    it's great...i like it...but, i'd like to place the fb comment on below blogger standard comment, do you know the trick to place fb comment on below blogger comment?

    ReplyDelete
  164. Syahri Ramadhan WiraasmaraJanuary 8, 2012 at 5:17 PM

    it's great, i like it, really i am...but, i'd like to place the fb comment on between blogger comment form and blogger comment, it will look better... do you know the trick how to place fb comment between blogger comment form and blogger comment?

    ReplyDelete
  165. MithilaworldJanuary 10, 2012 at 11:53 PM

    thanks for this amazing widgets of facebook

    ReplyDelete
  166. what-latest.blogspot.comJanuary 11, 2012 at 7:59 PM

    thanks...!

    ReplyDelete
  167. AnonymousJanuary 12, 2012 at 7:56 PM

    Thanks for the detailed and comprehensive tutorial! Works great ヅ

    Can you tell me how to add Facebook comments to my Blogger static pages??

    ReplyDelete
  168. UnknownJanuary 12, 2012 at 8:29 PM

    @Cheryl Free - just change
    <b:if cond='data:blog.pageType == "item"'>
    to
    <b:if cond='data:blog.pageType != "index"'>
    in the code mentioned in the post.

    ReplyDelete
  169. AnonymousJanuary 12, 2012 at 10:38 PM

    Thank you, but that didn't work for me. It allowed blogger's comment system on static pages and added Facebook comments to my home page.

    I'm going to try and use Blogger's new threaded comments.

    ReplyDelete
  170. AnonymousJanuary 14, 2012 at 8:53 PM

    Thanks so much for your work and this plug in.

    Quick questions: Is there a way to turn off comments on certain posts? For instance, when a contest deadline is over, can the posts be turned off yet still show those that posted? If not, can the code be added to the post template (to each post separately) instead of in the blog template? How would that work?

    FYI, I couldn't get the comment loop to work for the app to show on the main page.

    ReplyDelete
  171. Fakry Naras WahidiJanuary 15, 2012 at 7:56 PM

    I love this tutorial
    thx very much.

    ReplyDelete
  172. DanielJanuary 17, 2012 at 6:10 PM

    how can i change its position to below my linkwithin widget? now the fb comment is above my linkwithin widget.. can you teach me how?

    ReplyDelete
  173. Farhan Abdul RazakJanuary 18, 2012 at 10:44 PM

    very nice blog posttttttttttt

    ReplyDelete
  174. Expedition ParadiseJanuary 19, 2012 at 3:55 AM

    Thank you so much for the tutorial! I got it working on my site www.uitjeplaat.blogspot.com
    Now the main problem is: I asked a friend to comment on this post http://uitjeplaat.blogspot.com/2012/01/swanky-tunes-matisse-sadko-legend.html#fb-root , and I replied, but it won't show up in this site http://developers.facebook.com/tools/comments

    Where can I view and moderate all the comments? Thanks in advance!

    ReplyDelete
  175. خالد جمعةJanuary 19, 2012 at 10:49 AM

    Thanks A lot .. the comments are actually working
    But I cannot edit global settings or moderation mode! It say's I don't have fb:app_id !
    Though I created the app and also added the tag!
    Please help
    http://khalidgomaa.blogspot.com/

    ReplyDelete
  176. what-latest.blogspot.comJanuary 20, 2012 at 6:22 AM

    this is the best tutorial i ever got from the web regarding this topic...i was searching for that what you shared !!! It perfectly works in http://what-latest.blogspot.com
    I like your writing style !!! Well i have came here for the 2nd time through google. Finally google send me at the right place...he he

    ReplyDelete
  177. noirJanuary 22, 2012 at 10:40 PM

    Displaying Facebook Comment Count doesnot seem to work. Nothing happens

    ReplyDelete
  178. AnonymousJanuary 24, 2012 at 3:58 PM

    not working on my blogger www.nextsem.blogspot.com/ please correct

    ReplyDelete
  179. UnknownJanuary 25, 2012 at 3:03 PM

    first off awesome walkthrough!
    easily added evrthng!

    another question though vat about FB 'like' button?

    ReplyDelete
  180. what-latest.blogspot.comJanuary 26, 2012 at 1:02 AM

    Sorry for the taking your time again. Facebook comments are perfectly works in my blog. Thank you so much!!! Can you please do me a favour. I want to receive the notifications in this application developer facebook profile( i.e. in my facebook profile) when someone left comment and i want to make a heading like "Comment Via Facebook" at the top of the "fb comment plugin" of my blog.
    Please Blogger Plugins HELP ME...!!!!
    Once again a Hearty thanks to you=)

    Regards,
    http://what-latest.blogspot.com

    ReplyDelete
  181. AnonymousJanuary 27, 2012 at 1:53 AM

    Thanks from Italy :)

    ReplyDelete
  182. UnknownJanuary 28, 2012 at 2:57 AM

    It's not working for me. Did everything above.

    Http://pedalarporai.blogspot.com

    Can you help me please?

    ReplyDelete
  183. UnknownJanuary 28, 2012 at 10:23 AM

    @Andre - Go to your post page and you will see the comments there.
    http://pedalarporai.blogspot.com/2012/01/planeado-interrompido.html
    You haven't disabled the Blogger Comments

    ReplyDelete
  184. UnknownJanuary 28, 2012 at 12:50 PM

    Hello BP
    Do you think that we can link the App to the current Fanpage
    because I see that the comment on the article is not display on Facebook Activities

    Please see: www.cgrecord.net!

    Thank you for your Awesome blog

    ReplyDelete
  185. UnknownJanuary 28, 2012 at 5:38 PM

    Oh yes i can see it now, but i have to enter the post. I would hope it to appear below each post on the main page. Is it possible? Thank you.

    ReplyDelete
  186. UnknownJanuary 28, 2012 at 5:47 PM

    Ok, i've changed the parameter "item" to "index" and now it shows in main page but not in post page. Can i get it to show on both?

    ReplyDelete
  187. UnknownJanuary 28, 2012 at 10:50 PM

    @Andre - it's possible to make it appear everywhere but i won't recommend that. You can have around 20 posts per page(check your lavel page) and a comment form for each of the post will make the page bulky.Instead you can add a link to the comment form on the main page(The last part of the tutorial will help you with that)..

    If you still want to have it everywhere then you will have to remove those 2 red lines of code.

    ReplyDelete
  188. AnonymousJanuary 31, 2012 at 2:06 AM

    thanx bro its working.....

    ReplyDelete
  189. خالد جمعةJanuary 31, 2012 at 11:22 PM

    Again, comments moderation and global settings are not working!
    It say's I don't have fb:app_id !
    Though I created the app and also added the tag!
    Please help
    http://khalidgomaa.blogspot.com/

    ReplyDelete
  190. what-latest.blogspot.comFebruary 2, 2012 at 8:59 PM

    Please help me BloggerPlugins to receive notification in my fb profile, when somebody leave comment !!!

    ReplyDelete
  191. UnknownFebruary 2, 2012 at 11:37 PM

    You are a greeeeeat maaan!!! Thank you veeeery much!! :)

    ReplyDelete
  192. NishantFebruary 4, 2012 at 1:29 AM

    thanks a ton!

    ReplyDelete
  193. NishantFebruary 4, 2012 at 2:25 AM

    hey i am not very sure but it seems like some of the blogposts are not showing the moderator tab.
    sometimes moderator tabs are shown but when i comment on it using another profile, the tab (moderator tab) vanishes?

    help me out on it.

    ReplyDelete
  194. xxiiFebruary 4, 2012 at 7:09 AM

    Awesome! I was able to make it work on my blog.

    http://geekeeme.blogspot.com

    One question though, is it not possible to display the past comments I had before the FB comments for blogger was added?

    ReplyDelete
  195. UnknownFebruary 4, 2012 at 9:16 AM

    @Nishant - How else would you think it should work? Everyone can't moderate the comments. Only the one who owns the FB app can. If you want to give moderation villages to more FB users , add them to the Facebook app that you have created.

    ReplyDelete
  196. NoobstoskiFebruary 5, 2012 at 2:55 PM

    I added this to by blog and it works fine, but it only shows on my individual post pages, not the index page. What am I doing wrong?

    ReplyDelete
  197. UnknownFebruary 6, 2012 at 2:32 AM

    You're a star!!!!!

    ReplyDelete
  198. xoxo_chaMiFebruary 7, 2012 at 1:50 PM

    it didn't work for me,,, why? :(

    ReplyDelete
  199. NishantFebruary 7, 2012 at 10:47 PM

    no. i mean i can't moderate the comments (i am the owner) once there is a comment on the blog by anybody, the moderator tab vanishes.

    ReplyDelete
    Replies
    1. UnknownFebruary 7, 2012 at 11:10 PM

      @Nishant - well you should be able to see the moderator view tab on the comment form if you are logged in on the same profile which you used to create the Facebook App.

      Delete

Post a Comment