Facebook Comments For Blogger

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 :)

312 comments :

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

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

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

    ReplyDelete
  4. 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
  5. This is very help me than from the others. I really like you.... from putri - threelas

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

    ReplyDelete
  7. @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
  8. 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
  9. @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
  10. @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
  11. Use the following code in the post loop to get a Comment Count Display

    POST LOOP? How do i do this?

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

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

    ReplyDelete
  14. THANK YOU. THANK YOU ! it worked!

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

    ReplyDelete
  16. @Labonia - Try pasting it just after


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

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

    ReplyDelete
  18. 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
  19. @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
  20. @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
  21. Thanks! It's working

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

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

    ReplyDelete
  23. 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
  24. alternative way if any user want to use comment facebook, but not with app_id

    Facebook Comments Box Plugin for Blogger

    thanks^^

    ReplyDelete
  25. @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
  26. 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
  27. 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
  28. Nice tutorial, thanks,. :)

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

    ReplyDelete
  30. 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
  31. 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
  32. @CHROMEWAVES RADIO - yup its just another commenting option like disqus. Disqus allows you to sync with blogger comments, whereas FB doesn't..

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

    ReplyDelete
  34. 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
  35. 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
  36. Thank you Aneesh, You are perfect, Please Tell me Cab I show blogger comments again now!!

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

    ReplyDelete
  38. 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
  39. 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
  40. Hello...I tried to add this but can't figure which non FBML I've used. grrrr...

    ReplyDelete
  41. Post your Blog address and i can try helping you.

    ReplyDelete
  42. 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
  43. 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
  44. @Xen - did you check the "Expand Widget Templates" check box?

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

    http://www.williamanthonyblog.com/

    ReplyDelete
  46. thankssssssssssssssssssssssssss

    ReplyDelete
  47. It's WORKING!!! Thanks!

    ReplyDelete
  48. 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
  49. ok...got the comment loop...thankx a lot...wohoo!

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

    ReplyDelete
  51. 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
  52. @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
  53. 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
  54. 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
  55. 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
  56. Thanks..nice tutorial..I am loooking for this tut to add in my blog..more power..

    ReplyDelete
  57. 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
  58. can you please help me out buddy. i tried to integrate it but it doesnt work at all.

    speedbrakes.blogspot.com

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

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

    ReplyDelete
  61. 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
  62. 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
  63. @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
  64. @tayyab - its already working on your blog.
    @Yaser Shakuli - i have a feeling that you have not done steps 3, 4 and 5. :)

    ReplyDelete
  65. 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
  66. Do you have any help when adding the Facebook login button! it was working but now it doesn't seem to be!

    ReplyDelete
  67. 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
  68. 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
  69. @Chamber - Hide the Blogger comments and visit the post page(eg: http://bit.ly/pyjl7V). You should see the FB Comment Box there

    ReplyDelete
  70. 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
  71. 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
  72. Nice Post. Thanks for sharing this information.

    ReplyDelete
  73. 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
  74. Thanks...!!! its awesome i have done it.. m so happy.

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

    http://www.inthemixgfx.com/

    ReplyDelete
  76. 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
  77. 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
  78. 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
  79. Warning: http://geraikelate.blogspot.com/2011/10/gerai-keltepakat-singgah-belako-bisnes_06.html is unreachable

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

    ReplyDelete
  80. @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
  81. I have gone all step but not working:
    http://testwardah.blogspot.com/2011/10/syria-labuh-corak-sc004.html

    ReplyDelete
  82. I appreciate your help. It works perfect!

    Thanks!!

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

    ReplyDelete
  84. 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
  85. cooooooooooooooool
    i have a ques.. can v make a message box which can directly send a msg to our cell phone IN BLOGGER.

    ReplyDelete
  86. 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
  87. 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
  88. 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
  89. It doesn't work for me :(((((((((((((((((((((((((((((((((((((((((((
    I have 4 x ( )
    wich one i could use ???
    Can you help me detect the problem ?? please !!

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

    ReplyDelete
  91. 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
  92. 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
  93. 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
  94. 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
  95. check out your post page and you will see it
    e.g:
    http://indibanda.blogspot.com/2011/11/blog-post_12.html

    ReplyDelete
  96. 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
  97. 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
  98. 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
  99. Already done! Thank you very much!

    ReplyDelete
  100. Thank you so much!! Works peferctly!

    ReplyDelete
  101. Doesn't work for me - triple checked.

    ReplyDelete
  102. Thank you! It was very helpful!

    ReplyDelete
  103. 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
  104. 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
  105. i tried on my blog, it worked on my old template, bt noton new template!

    indiarocks.co.in

    ReplyDelete
  106. i cant find the codes in step 4..


    htpp://freemiummovies.blogspot.com

    ReplyDelete
  107. 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
  108. 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
  109. Perfect, working http://aiqbale.blogspot.com

    ReplyDelete
  110. 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
  111. 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
  112. @AmiT - you missed steps 4 and 5 or did them wrongly.

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

    ReplyDelete
  114. @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
  115. 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
  116. 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
  117. wow it's works thanks a lot sir!! :)

    ReplyDelete
  118. 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
  119. One of the best and easy tutorial ever, Thanks for sharing the information . Really helped in my blog

    ReplyDelete
  120. 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
  121. @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
  122. 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
  123. @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
  124. my blog doesnt show the comments please help me bro
    www.eghacking.blogspot.com

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

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

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

    ReplyDelete
  128. @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
  129. 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
  130. @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
  131. thanks dude. great tutorial.

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

    ReplyDelete
  133. I had add fb comment box to my blog ??

    But, I want to change it back ??

    How to change back ??

    ReplyDelete
  134. @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
  135. 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
  136. 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
  137. 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
  138. thanks for this amazing widgets of facebook

    ReplyDelete
  139. Thanks for the detailed and comprehensive tutorial! Works great ヅ

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

    ReplyDelete
  140. @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
  141. 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
  142. 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
  143. 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
  144. 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
  145. 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
  146. 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
  147. Displaying Facebook Comment Count doesnot seem to work. Nothing happens

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

    ReplyDelete
  149. first off awesome walkthrough!
    easily added evrthng!

    another question though vat about FB 'like' button?

    ReplyDelete
  150. 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
  151. Thanks from Italy :)

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

    Http://pedalarporai.blogspot.com

    Can you help me please?

    ReplyDelete
  153. @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
  154. 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
  155. 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
  156. 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
  157. @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
  158. thanx bro its working.....

    ReplyDelete
  159. 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
  160. Please help me BloggerPlugins to receive notification in my fb profile, when somebody leave comment !!!

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

    ReplyDelete
  162. 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
  163. 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
  164. @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
  165. 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