Home » Blogger Tutorials, Tricks and Hacks » Blogger Comments Tricks » Surprise, New Facebook Comments Box For Blogger In Very Easy And Simple Steps – Fixed ( Full Guide ).
Spacer

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Surprise, New Facebook Comments Box For Blogger In Very Easy And Simple Steps – Fixed ( Full Guide ).

Surprise, New Facebook Comments Box For Blogger In Very Easy And Simple Steps – Fixed ( Full Guide ).

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

81,113 views

Again, this is the most waited feature for blogger users ( specially from allblogtools.com ), and now it’s available for allblogtools.com visitors only ( Exclusively again ), this is the first and the only tutorial around the web that tells you in really easy steps the integration of the new facebook comments box and blogger (blogspot) blogs.

Demo Of New Facebook Comments Box For Blogger

Please note: If you think that you saw this tutorial before, The answer is no, it looks exactly like the old tutorial but this is an updated one, And a lot of problem are solved now, If you met any problems with our old tutorial, please try this one out.

For Upgrade: If you already have the old comments box on your blog, And don’t want to lose your current comments, Please Click here to learn how to upgrade easily.

Warning : Before you start applying any changes to your blogger template code, We encourage you to Backup it, by clicking on Download Full Template link.

What is the new facebook comments features.

  • Threaded comments : reply to comments.
  • User network : now it’s displaying the comment author not only name, but his profile info as well
  • Permalink to specific comments : Permalinks have now been assigned to each comment so people can share links and be directed to specific comments.
  • Notifications : sent to users will also go to the permalink, making it easier to respond. For example, clicking on the notification below will take you to the permalink of the original comment.
  • 2 Color schemes, regular light, and the new dark colors.

now let’s do it, don’t worry, i know that must of you tried to add it to blogger blogs, with no result, but today you’ll see how to add it in really easy steps and it’s 100% working. but please be careful and pay attention for all the details.
This tutorial is updated.

Step 1. Disable Default Comments.

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

Step 2. Generate your Facebook App ID.

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

then click + Set Up New Application

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

and check agree and click Create Application

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

facebook comments box for blogger

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

Base Domain you must type blogspot.com

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

facebook comments box for blogger

Step 3. Codes To Add To Your Template.

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

  • xmlns attribute
  • SDK script
  • Open Graph protocol tags

  • Adding the xmlns attribute :

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

<html

you’ll find it on the top of your code. second or third line, and after it add the following code,

xmlns:fb='http://www.facebook.com/2008/fbml'

you must type a space before it and after it,
here is an example.

 <html  xmlns:fb='http://www.facebook.com/2008/fbml'  expr:dir='data:blog..............2005/gml/expr'  >
  • Adding the SDK script Code :

search for

<body>

and after it add the following code,

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : 'YOUR   APP ID',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };

    (function() {
    var e = document.createElement('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>

but please don’t forget to change YOUR APP ID to your app id ( you got it in the previous step ).

  • Adding the Open Graph protocol tags:

copy the following code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='MY-SITE-NAME' property='og:site_name'/>
<meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>
<meta content='YOUR-APP-ID'   property='fb:app_id'/>
<meta content='YOUR-FACEBOOK-PROFILE-ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

and change the colored text to the following,
Change MY-SITE-NAME with the one you want to appear when a user likes a page. (Gil likes Helping on Facebook)

Changehttp://google.com/…/blogger_logo.gif with your blog logo, or remove the all tag if you don’t want it.

Change YOUR-APP-ID with your application ID number.

Change YOUR-FACEBOOK-PROFILE-ID with your own facebook user profile ID.

after making this changes add the above code just before

</head>

now we finished adding the facebook codes to your template, please don’t touch anything and continue to the next step.

Step 5. Adding the Comments Box to your blogger template.

please find the following code.

<data:post.body/>

and after it, please paste one of the following codes.
For Light Comments box ( like the one in the demo )


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><img alt='' class='icon-action' height='51' src='http://4.bp.blogspot.com/_JwD5r652h00/S_K3UAPbbuI/AAAAAAAAAWQ/sZRBQArO34k/comments-facebook.gif' width='331'/></p>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url'   expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a>  brought to you by <a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>
</b:if>

For Dark Comments box ( If you prefer to display the comments box in a dark colors. )

<data:post.body/>

and after it, please paste one of the following codes.
For Light Comments box ( like the one in the demo )


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><img alt='' class='icon-action' height='51' src='http://4.bp.blogspot.com/_JwD5r652h00/S_K3UAPbbuI/AAAAAAAAAWQ/sZRBQArO34k/comments-facebook.gif' width='331'/></p>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' colorscheme='dark' expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a>  brought to you by <a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>
</b:if>

To change the width of your comments box, please change 450 to what ever you want, it’s in pixels,

and now please click Save Template , then check your blog. i wish it looks great and works perfectly.

Demo and Credits.

to see a demo for this comments box in live blogger blog please click here.

please don’t remove my link or name from this widget, i worked so hard to make it easy and simple with this great features.
leaving my link, encourage me to provide you with more and more tutorials like this.

warning, if you have facebook like button installed on your blog please remove it before applying this tutorials.

Liked It ? Please Share

Comments

317 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. Ccir says:

    This was what I was looking for and I tried all the possible ways before too. In fact I have done all that you have told. But still this is not working….My default comment box is also not getting hidden even after I did the way you told me to hide and save. please help me out….

    • bob says:

      hi! u could check ur page element at the post body box. uncheck the ‘view comment’. i hope this could help u. :)

      • Ccir says:

        Thanks for the tip. I’ll surely check it out. And let you know of all any issues. Thanks a lot.

  2. bob says:

    great post! congratulation… but allow me to add something, if u want the comment to appear in the home page instead on post page, u could use the posting that max done in like button post..remove some lines! :)

    bdw, thanks very much max.. u r so cool dude

  3. Beben says:

    Yesss…since FB opensource, it’s make the blogger can develop for own blog
    Thanks … ;)

  4. Ben-Tools says:

    one more thing dude, if we’ll use this feature, we’ll loose comments before. i think this warning before use it
    thanks..^.^’

  5. Santosh Pingale says:

    Can you tell me about that fixed bar at the top…..
    Please Please I need it…

  6. cathue says:

    it seems like the same comments will appear on all of the posts even u only comment on one post.why??

  7. cpija says:

    why the same comments appear on all the post??

  8. malhaar kale says:

    ya some comments are apparing on all the posts….what to do?

  9. jesica says:

    hi all, i contacted me on his mail and he told me that he is working on solving this problem for about 5 hours ago, he still trying to solve it really hard and told me to tell you that he is sorry, but he’ll come soon and he wish he can solve it.
    kind regards
    max

    • jesica says:

      sorry, i mean i contacted max

      • fartboy says:

        of all tutorial blog that i visited, i think max is the most friendly and sweet admin ever!

        oh..i feel like a gay…. but truly.. he is kind… lol

      • Max says:

        hi fartboy, woooooooooow,, thanks for this greaaaaaaaaat comment, i wish i can see your blog. and any thing you want dude,??

  10. malhaar kale says:

    i’m allready working on solving this problem for about 5 hours ago, please tell the visitors in a comment that i’m working on it from 5 hours ago, coz i’m to busy to go and comment,
    thanks for your time,

    best regards
    max (message from MAx)

  11. Bruce says:

    Thanks for the tip. I’ll surely check it out. And let you know of all any issues. Thanks a lot.

  12. Ccir says:

    My blog is not loading……browser says “web page not available” what is wrong????

  13. Max says:

    hii all, thanks for waiting, i finally found out how to fix this problem ang get the widget works perfectly on blogger,
    please give me some time to post the updates here coz i’m too busy in my college exams now adays,
    please pray for me.

  14. exmobi says:

    Wao…it’s amazing,thanks you very much.

  15. hadadjus says:

    please help me it don’t work on my blog !!!!

  16. Beben says:

    keep spirit my friend…:D

  17. hadadjus says:

    Max , please i need helps , i get the 2 picture but i dont get comment between picture ?? i have a id application from facebook !!!!

  18. Max says:

    Hi all, thanks my friends for waiting, i’m back now and it’s now fixed and working 100%.
    but please take care of the instructions above, it’s kinda harder than the previous tutorial, i’ll go for my second exam now, pray for me please.
    if you have any problems, please contact me.

  19. hadadjus says:

    Max please i need helps ;) i have modified it but i get the same problem , i get the 2 picture but i don’t show comment box between it

  20. lelila says:

    hi will i lose all my existing comments if I use this code?

  21. Beben says:

    with pleasure ;)
    hai Max…:D

  22. sina says:

    It doesen’t work for me:((

  23. mada says:

    i have a problem.. why do the words name and email couldn’t replace by my own name and email…..

  24. Branimir says:

    Thanks for that, it is what I was looking for. As the fb:comment was not fetching my og:title meta from the page and was displaying the original title. Now on my profile in FB it appears as I want it. However, is there a way to add the image on the comment post in the profile page ? As seems nothing I tried is working, and the og:image of the page where the post is, is not fetched by fb:comments, but is fetched from the iframe like button…

    • Max says:

      sorry Branimir, but i don’t understand what do you mean, can you please explain in more details, and may you put an example.

      • Branimir says:

        Well I am using FBML for fb:comments. I just want when someone comments something, when it appears on his wall, to be with image, just like when you paste some URL in the FB status bar.

      • Max says:

        sorry, but i don’t think it’s possible.

  25. Juliez says:

    Max, can this be done using facebook pages?

  26. bilquer says:

    We all need FB’s stuff.

  27. Arkimz says:

    Great,this is really great.Thank for this…Is there are anyway to use twitter connect at blogger comment….

    Latest Blog Update  :  The Best Way To Comment On Others Blog

  28. effysaiful says:

    hi, why can’t i see the set up a new application in step 2? r u sure the link for developer is correct?

    • effysaiful says:

      Ok now it’s 100% WORKING! Thanks dude this is really cool.. check out my blog to see it..

      but 1 Question.. how do we know that there’s a new comment? since it doesn’t give any notifications? do we have to, like, check every post every day for new comments?

      thanks

      pls reply anyone

  29. David says:

    is there a way to change the comment structure order so that the newest comments appear at the bottom and not at the top?

  30. nathan says:

    I spent about half an hour following these guidelines to a tee……but when I viewed the results on my blog, it looked exactly the same =( *sarcastic violin parody*

  31. JULIE says:

    YOU ARE AMAZING!! IT TOOK ME 2 HOURS TO GET THIS PLUGGED IN (MY FAULT OF COURSE) I CANT TELL YOU HOW HAPPY I AM RIGHT NOW!! THANK YOU FOR ALL OF YOUR HARD WORK!!

  32. Aina says:

    Thanks …it works in my blog

  33. me says:

    hey thanks a lot for this tutorial
    i want to connect the comments to my facebook group , so if any one made a comment in blog the comment appear in the group wall too
    can u do it for me ?

  34. I tried everything this tutorial said and checked for errors in implementation twice already, but still cannot get the webpage to work…these are the errors:
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The reference to entity “id” must end with the ‘;’ delimiter.

    Is there a way I can check where exactly is this error or can somebody help me out?

    Thanks!

  35. Is anyone having the same problem as me?

    http://trendguardian.blogspot.com/

    Thanks!

  36. Larry says:

    Thank you from Greece! I tried many sites and your advices worked immediately.
    I would like to recommend the adding of logout button.

  37. Larry says:

    Also, how can i change the font colour, couse my background is dark, so is the font colour and that make difficult to read comments.
    THanks in advance!

  38. Loser says:

    its really nice n i wanted install on my blog..but i did not work on my blog..i had followed all steps u have given but..don know..why it does not work…i was using facebook like box and for installing this i had deleted that..all functions are working very nicely but this comment box havn’t appear on my posts..please give the solution…

  39. proffsg says:

    It works on my blog but not the tutorial above. You can contact me on how to do it.

  40. Simão says:

    Thanks man! Great job.

  41. B. Libertad says:

    Hey Max, thanks for a really easy and straightforward tutorial. I had looked at 2 tutorials before finding yours, and yours was by far the best.

    Quick question: how do I get the FB comment box to appear on the home page of my blogger, and not on the individual post page?

    Thanks,
    B.

  42. Arul says:

    Mantab gan, thks

  43. kenj says:

    hi, i would like to thank you for sharing this, its working on my blog…but i was thinking if there is anyway of allowing facebook to notify me if someone place a comment on my blog?bcoz the check box on the administer comment’ tool is not working…thanks…

  44. Nami says:

    always get the same answer:

    Sorry, an error has occurred.

    We’re working on getting this fixed as soon as we can.

    Go Back
    Facebook © 2009

    PLEASE HELP ME!!! :(

  45. Musafir says:

    I’ve dOne all the step… there is nO error repOrt. But, the FB comment doesn’t appear in my blOg. http://wiraislamstudio.blogspot.com/
    Could u please help me…?

  46. Gurinder says:

    i am unable to find tag in my blog..
    i am find only <body
    what to do.. plz reply urgently…

  47. yaya . says:

    i dont understand . its make me crazy . -.-”

  48. Gurinder says:

    Your Comment i am unable to find in my blog..
    i am find only <body
    what to do.. plz reply urgently… …. *

  49. Gurinder says:

    i am unable to find body tag in my blog…

  50. Ravi says:

    Heyy Plzz me…
    I am unable to find body tag in my blogger blog… What to do now…?????????

  51. Gurinder says:

    hey i m getting this error… “Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Element type “body” must be followed by either attribute specifications, “>” or “/>”.”

  52. Luna says:

    Hey,I can’t create application.
    I have en error in the site name :
    “URL must point to a directory (i.e., end with a ‘/’) or a dynamic page (i.e., have a ‘?’).”
    I already entered :
    http://www.4ugirlz.blogspot.com
    4ugirlz.blogspot.com
    can you help me?

  53. jhony says:

    hi bro….thanks for sharing great trick….man i have done all the steps .after 3rd time i m here …ur site banner and links are shown but no comment boxes kindly help me….

  54. jhon says:

    it doesnt work for me…please help me

  55. for those that having trouble with finding the tag …. its actually a problem with your template… I found out that some template dont have the tag

  56. F8 Gossip says:

    Gotcha! It’s working well on my site now! Thanks and more power to you!

  57. WebMaster says:

    once you erase all the divs containing publicity… its a pretty good trick. Thanks =)

  58. liang says:

    not working at my blog, please help~~
    http://www.174848.com

  59. bianzone says:

    Great job, good trick for blogspot

  60. Ciaran says:

    Hi there, great tutorial, really clear and simple. I integrated it with my blog and it works fine. I was wondering though, is it possible when someone ‘likes’ a post for the link to the post to appear in the newsfeed in facebook. At the moment, when i like a post, it just says Ciaran likes Handsuptown:Post title on HandsUpTown…but none of it is linked back to the blog. None of it is a link, just regular text. Is it possible to rectify this? Your help would be greatly appreciated. Thanks you!

  61. Devguy says:

    Nice tutorial but not working with me.
    http://lifeisinterresant.blogspot.com/
    Can u tell me whats my problem? can send my template by mail.

    • Cyracks says:

      Hi max, Unfortunately for me, i couldn’t install it on my new blog Please tell me what my problem is, i can not se the setup a new application when i surf the facebook development page. Instead i see a comment highlighted in red that my account must be verified… Pls help me

  62. Great tutorial and I have the comment box up as well as the “Love Coments” quote. But, the comments box isn’t working and I have a duplicate of both the Comments Graphic and the comments box. Please help

  63. Vlad says:

    thanks for tutorial :)

  64. I’ve corrected the earlier problem I mentioned about duplicate comment boxes by deleting the extra html text. And, the comment box begin to work. But, now when I post comments in the box nothing happens. I wonder is this a Facebook problem or a something in the coding w/ blogger?

  65. Fernando says:

    Tutorial muito legal! Obrigado por compartilhar!

  66. Ahmed Essam says:

    Well, i have used the same trick on alot of blogs i made. And it work perfect.

    This is for any one think this trick is not working.

    And here’s a URL to be a proof for what am saying.

    http://dc-chat-2010.blogspot.com/

    Have a nice day every one :)

  67. benooi says:

    May I know how do I get a notification when I got a new comment

  68. HB says:

    Hey your idea looks great but the problem is that i am not able to understand why its not working for me? Do we have to include the inverted commas or not ? Suppose like its app id then in the template i should post 0123456789 or ’0123456789′ ??? Please reply fast coz i need this app !!

    thanks!

  69. atjm says:

    Hi, I’ve use ur Comment Box for long time and according to facebook new Comment Box, there is some changes…may I know how to upgrade from the current comment box to the new one? I don’t want to reinstall because the current comment will be deleted…so is there any way to upgrade? waiting for your reply soon…thanks…^^

  70. Thank YOU SO MUCH for posting this. I finally got it to work!

  71. ilhams3 says:

    great..I Like It..Thanks Admin

  72. Vishaal says:

    I am getting following error on the page – The comments plugin requires an href parameter.

    Please help!!

  73. Vishaal says:

    Never Mind!! Got it :)

  74. Eleonora says:

    Hi Max,

    mine says the comments plugin requires an href parameter

    http://ellacino.blogspot.com/2011/04/major-events-in-april-49th-gunhang-je.html

    can you, please, help?

  75. phil says:

    Mhm the comments box is gone, i didnt do anything and now it is away. I redone everything but is still missing. anyone got this problem in the last few days?

    • Max says:

      Actually there are a lot of problems with this comment box, and now facebook have another version of this box, and I think i should post a tutorial about it soon.

  76. giorig says:

    max, if i have 4 blogs, can i installing comment box with 1 app code ?

  77. Jerin says:

    Thanks it worked for me.

  78. Facebook has revealed that a data broker has been buying identifying Facebook user information from app developers

  79. mohammad says:

    thanks man .. that s exactly what i am looking for

    • Will says:

      I was wondering when Blogger will ADD…the Facebook login options in the dropdown menu like WordPress, AIM, etc

      Thanks for the tip will try for my new blog.

      • Max says:

        I’m dreaming by this just like you all, and i wish blogger included it in it’s 2011 major updates.
        blogger comments is one of the worst things in blogger,
        Any way, I don’t think google will make this step due to the current problems between google and facebook,
        right?

  80. Can I change somehow the language to other than English? I mean “Post”, “Like”… because It’s not automaticaly detected by Facebook. I want to change the language to Bulgarian… My idea was to change:
    ‘//connect.facebook.net/en_US/all.js’; ——> ‘//connect.facebook.net/en_BG/all.js’;

    But .. no success… please help me :)

  81. Alex says:

    Hello, I have a huge problem. When i go to the create app thing it says that I need to introduce my credit card..and I don’t want to do that, can anyone help me:)?

    • Max says:

      Sorry Alex for this, This is a re action from facebook after spaming it’s App ids.
      Actually this is not always happen, so please try again or change your browser,
      sorry.

  82. Alex says:

    I tried with Firefox and Google Chrome but it doesn’t work.It’s the first time I want to create an App:)

    • Max says:

      Hi Alex, can you please wait till we post the new tutorial about the new facebook comments for blogger. ( I think it’s not a tutorial problem, your facebook account may want to be activated via mobile phone )
      Why don’t you just give facebook your mobile number.

  83. atjm says:

    Hi, when r u free to post the new fb comment box? I mean for the old user who had followed ur tutorial before…coz we don’t want to lost the old comment…hope you can help…thanks in advance…

  84. Weazel says:

    Hey Max
    Nice tutorial, before I’ll apply it to my blog I have a couple of questions:

    1. Will it give me a comment box for each individual post ? (right now all my comments on previous attempt, show on each post but shows all the same comments on all of them)

    2. When someone submits a comment from the fanpage comments, will it show on the Blogger comments linked to that same post ?

    3. When someone submits a comment from the Blog’s post comment box, will it show on the facebook fanpage post linked to that same post ?

    Thanks again
    Weazel.

    • Max says:

      Hi, here is the answers.

      1) Yes, you’ll get a comment box for each post.

      2,3) some of this features are available in the new facebook comments box, we will post a tutorial about it here soon.

  85. Weazel says:

    Also please forgot – is there a way to put the Like button under the comment box ?

  86. addie says:

    is there a ways where i can see all the comments in one place? like if i have 30 posts, how can i be notified of the new comments? thanks!

  87. Brian says:

    My problem is “” does not exist in my template.

    I can only find “” so I’m not sure where to drop the code following.

    I took a guess but when I went to save the template, I got the following error:

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Element type “meta” must be followed by either attribute specifications, “>” or “/>”.

    I wonder if the two issues are related. What should I look for instead of the “” tag?

  88. Brian says:

    ha! didn’t show up when I left my comment–that was supposed to be “body” in those little arrow brackets.

  89. loca says:

    it doesn’t show buddy :(

  90. Lmatch says:

    thanks .. its work !

  91. Ahmad says:

    I am so disappointment as however your tutorial is very easy with a simple way to explanation < it is not working in my blog .

    Could You help me to fix that as the facebook comments box didnt appear yet however I follow the all respected info that You mentioned ?

    Thank you in advance

  92. Blacksail says:

    i already did this, its work,,but i lost my comments counter, where it goes??
    when i search , i found 3 item…i dont know whre to put the code next to it…and i try to input it in one of them, its work,, but i lost my comment counter

  93. Firdaus says:

    hey max,
    i’ve done all your steps. but then. the comment box still did not appear.
    why?.

  94. Milan says:

    Thanks for this, its work! Awesome :)

  95. Abier says:

    Hi,, I’ve followed you steps,,, but I couldnt find 1 tag which is “”
    cant you tell me any solution for this???
    thanks before

  96. Abier says:

    data.post ..

  97. Abier says:

    done done!!! :D thanksssssssssss … mwah to the author

  98. Abier says:

    omg,, something else happened.

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Attribute “xmlns:fb” was already specified for element “html”.
    how to solve this now??

  99. by.AR says:

    Thankssssssssssssss Very very very much………… ^_^

  100. John says:

    the same problem..comments don’t be posted on facebook home page & notifications don’t target the user to my website untile he click on refresh…any helping tips?

  101. r4i says:

    thanks tell us how to use this comments tool for facebooks.

  102. Sohail says:

    Hey give me these comments widget :D it is better than the facebook one.

  103. The Comments Box in is a great way for any website, blog or photo gallery to add social comments to their page in just a minute with a few lines of code I like face book here is profile link please check :
    daniel mamann

  104. мире says:

    Thank u man,

  105. VanMoNky says:

    I cannot find in my template code. What should I do? :(

  106. guggan says:

    i tried it man , tell me is it work at blogger tube?

  107. Vylly says:

    How about ucoz??

  108. samy says:

    thanks that was very easy one relay shokrn

  109. Ian Kirk says:

    Didn’t work….. Spent an hour and the comment boxes don’t appear…. Big waste of time

    • Ian Kirk says:

      I take that back it worked but I have to click the Comments Link at the bottom of the blog

      it does not auto appear and will not appear at all if I Hide Comments

  110. thahir says:

    i cant find connet in fb app
    i created app with webpage tab. not working. sad.,….
    help me……..

  111. VasH says:

    THANK YOU VERY MUCH… YOU HAVE VERY USEFUL SITE…. I ALREADY APPLIED IT ON MY SITE, HERE: http://letmewatchmovies.blogspot.com CHECK IT OUT….

  112. mire says:

    How to place comment box on static page on blogger?

  113. Howdy just wanted to give you a quick heads up and let you know a few of the pictures aren’t loading correctly. I’m not sure why but I think its a linking issue. I’ve tried it in two different web browsers and both show the same outcome.

  114. melody says:

    It didn’t work for me at all, it also puts a big bubbly comments picture that doesn’t look like facebooks at all and everytime there is a comment made for a post it posts that comment on every single post. didn’t work

  115. melody says:

    on top of that, my like button has disappeared that links to my facebook page and I have spent 4 hours trying to reverse my template back to original settings but the download didn’t work

  116. chiranjeev says:

    it havn’t works with my blog
    plz suggest me

  117. ABY H says:

    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 “head” must be terminated by the matching end-tag “”.

    WHAT TO DO?

  118. atul says:

    a yellow bar with warning http://shabdaurarth.blogspot.com/2011/07/v-raghunathan.html not reachable appears.
    1. is there a way to get the comments to appear on fb page?
    2. likes appear on all posts . something amiss.
    3. application id ? what is the link if both work in isolation?

  119. gabriel says:

    Really love your tutorials and it’s simplicity but images is a problem. Please don’t be offended in any way because I know what you may have been through to get this tutorials. Visit my blog and see how I customised it. I removed the image while I added your link at the bottom so that another person can get it.

  120. Bernard says:

    If I’m going to make use of his facebook comment box, is my blogger comment box will be automatically hide?

  121. Licia says:

    I have inserted it, please visit My BLOG to see how its work.. Thanks buddy.

  122. Mark says:

    Hi Max! Thank you so much for all your help. But I have a question. What can we do in order to be notified immediately via Facebook after a new comment has been placed by a visitor. Meaning any arrival of new comments, even without subscribing, will automatically notify us. Is there any way? Thanks! =)

  123. rimzan says:

    Warning: http://www.irimzan.com/ is unreachable.
    it is showing like this error on every post

    pls help me to fix this
    thz

  124. anthony says:

    i hate this blogger. i tried these formulas but then it doesnt work, now i am doing ways to undo it or erase it but it is still there!. i hate it so much!

    • Max says:

      hey anthony is something wrong could you leave some information or the URL maybe I can help you out. Let me know.

  125. shah says:

    why comments are apparing on all the posts??

  126. shivang says:

    it works thnx…fullgames2all.blogspot.com

  127. shah says:

    same comment appear on all post lol…what to do?
    =P

  128. aiman says:

    i love fb’s comment box.. but i don’t want to lose my blogger comment.. means, i allowed both parties to comment in my blog..

    the problem is, fb’s comment, seem dint appear in their fb profile dan the comment also din’t permalink the entry… sad case :(

  129. suspect says:

    Dear friends
    Greetings from Greece! :)

    I want to apologize about
    1. my english
    2. i do not have a great knowledge about the codes and the programming

    I think i have a serious problem about the pluggin of comments box from facebook, and i really need you help.

    I have the blog http://suspect-enjoys-the-silence.blogspot.com/ and i put the comments box.

    but there is something wong.

    It works properly but i like to have the control of the comments. To approve them before it get publishd and to see all of them. For example, someone can go to an article that i wrote a year ago kai he can write a comments. How can i can get notified for this action ?

    i searched from this path http://developers.facebook.com/tools/comments

    i checked Public Comments ·moderator view – settings but even though i click on “Let me approve each comment before it is shown to everyone.”

    i see no comments on the form !!!

    friends of mine have commented, you can see for example here http://suspect-enjoys-the-silence.blogspot.com/2011/07/road-trip-part-2.html but i really do not see any comments for approval! they wew all published !

    what should i do! ?

    i have heard about F.B event but i do not know how to use it…

    So

    can you please write the exact code to copy and where i have to put it ?

    i am a little bit confused.

    some codes get after the some codes after the and some codes after the !!!

    where excaclty may i put the code ?

    thank u

    ps. ok, i know what is the app id or my fb id :)

  130. anthony says:

    My blog: http://www.thisisreality2011.blogspot.com

    im sorry sir max, im just annoyed on that time because after i followed your instructions, it doesnt work. try to read just one of my article and in the bottom is just the logo of this site, i thought this was just a trick for you to advertise that’s why im annoyed and when i tried to undo or erase all of what i have done, still the logo of your blog is in there.

    I also noticed that when i put those html in my blog, sorry to say but, i just noticed when im on my blog so many windows popped out about an advertisement, can you also help me with this? its like a virus came to my blog.

    thanks:)

  131. taknatuna says:

    thanks I did this

  132. AR DESINGS says:

    Sir i have use this tut for 1 blog and its working thanks
    but sir i am also trying to second one but its not working there is no erore ….
    its not working i don’t know why /????

  133. tanzeel says:

    Sir,
    i Cannot find the code on my templete..

  134. tanzeel says:

    Sir,
    i Cannot find the code on my templete

  135. tanzeel says:

    Sir,
    i Cannot find the code () on my templete

  136. thanks for the tutorial… i will apply this to one of my blog…

  137. Lucas Rafael says:

    Hello, you really wanted to create a hack for this post: http://www.allblogtools.com/tricks-and-hacks/page-views-post-views-counter-widget-for-blogger/ because it takes a lot Thanks!

    Ps: I did not find how to contact, so I commented here!

  138. steve says:

    Hi Max
    This is my nieces blog and I’m trying to help her put the comment box on her blog.
    What I’m not getting is why it all appears good if i preview it from the dashboard

    http://pushthebutton3.blogspot.com/b/post-preview?token=mUkZozEBAAA.BvRVIK-knrpRuMPgdIFVrQ.4apQF2ImZR3gCGN94XUrog&postId=744870121988412432&type=POST

    But when I go to it live it’s not there?

    can you help? thanks

  139. Thank You so much for such a lovely discovery

  140. reus says:

    thanks for this tutorial.
    how can i include a brief description for my site when when someone made a comment?
    please advice.
    thank you

  141. ibrahim says:

    dمش لاقى post.day

  142. hanif says:

    it’s showing “The comments plugin requires an href parameter.” in my blog.

  143. mediagool says:

    thanks .. its work !

  144. Nuar Haruha says:

    works for me, I only set it on my static_page (page).
    thanks.

    btw you probably need to add Opengraph xmlns namespace `xmlns:og=’http://ogp.me/ns#’`.

  145. thanx for your help

    but my comment box is showing the given error on every post ..

    Warning (post ling Link) is unreachable

    eg..

    Warning: http://thehackermagic.blogspot.com/2011/08/gmail-drag-and-drop-attachments-onto.html is unreachable.

    please solve my problem as soon as possible..
    waiting for your reply.

  146. Jobs got that part of his work right. He is a gleaming case of how to run a business in non-avarice mode.

  147. sam says:

    thanks its work so good

  148. Ree says:

    Actually – I figured it out. I guess blogger doesn’t show all the html language in its html editing page. You have to actually download the html language to see it all.

  149. exzur says:

    please help found this error (Error 500)

  150. Ami93 says:

    thank you soo much! it’s working!

  151. Gil says:

    IT DOESN’T WORK!

  152. Natasha says:

    Hi yesterday it was working now its not, could you update me please ?

  153. Thanks for the tips. But It doesn’t seem to work on my blogger blog.

  154. Thanks for your great info. hope is going to work with the new upgraded blogger template such as the one I’m using at http://www.billgatesguide.blogspot.com. Thanks you have done a great and nice jobs here. keep up because you have no option then to help. cheer

  155. Thanks for tips, but want to know how do i get notification for my comments and how do i reply them

  156. julia says:

    thanks for the post. I want to know if there’s a way to check all the comments other users write on our blogs using this fb box?

    regards

  157. winlin says:

    “if you have facebook like button installed on your blog please remove it before applying this tutorials.”

    this must be said to the beginning of the tutorial not at the end :)

    thanks for the Great work !!!

  158. Saimon says:

    Oh! Really Nice.After Add This Comment box On My Site Vissitor Can Easily Comment

  159. AbyRAd says:

    it’s working fine with chrome. but not with IE or firefox. it’s seem sometime can appear, sometime (most of the time) cannot. no error msg,just not appear..sometime just loading

  160. Gagan Masoun says:

    comment plugin showing error for example :- Warning: http://punjabi-poetry.blogspot.com/2011/09/blog-post_1640.html is unreachable. .please tll me how to solve this?

  161. it’s working fine with chrome. but not with IE or firefox. it’s seem sometime can appear, sometime (most of the time) cannot. no error msg,just not appear..sometime just loading

  162. HI everyone,

    I have created Professional Drop Down named Green Nature drop down Menu @ http://blogshippo.blogspot.com/2011/09/how-to-make-css-drop-down-menu-bar.html

    I would appreciate if you can take a look and drop your valuable comments.

  163. haley says:

    Problem: My template doesn’t have that last tag….

  164. Gilly says:

    Hi author,

    Can you please help me? How can I have some sort of notification if someone commented on any of my posts through e-mail or facebook notification? Please e-mail me :)

    Thanks!!

  165. MixiTube says:

    Thank You …I was need it *-*

  166. mmogstop says:

    http://www.mmogstop.com is the leading provider of World of Warcraft Gold, FFXI Gil, RS Gold,EverQuest Platinum, Aion Kinah and EQ2 Plat. Buy WoW Gold cheap,…

  167. Abid khan says:

    Nyc comment box, I am lovin’ it
    thankx for sharing

  168. Yasir Imran says:

    This is off course a great tool for blogspot users. I am looking for a complete social button solution for blogspot posts.

  169. candace says:

    I don’t have on my blog? This is the closest I can find:

    Would that work?

  170. mil says:

    plz help me i cant find the code …i dont know why :( i press cntr +f to find it but it doesn’t find it :/

  171. It’s working :D thank you so much !!

  172. Robot says:

    hi i have one problem at” step 5. Adding the Comments Box to your blogger template.”
    i cannot finde the tag “” in my template. how can i complete that step. plz help ! thanks…

  173. Robot says:

    i mean i can not find y ? w is solution ?:

  174. Janmejai says:

    Thanks for this too much useful for new blogers

  175. Very useful resource! Thanks for helping me out now i have enabled Facebook comments on my blog!

  176. Doni says:

    Thanks, very useful..
    i will try it on my new blog

  177. Eme Michael says:

    Thank For Giving Me Very Useful Information. For Those Who Enjoy Statuses On Facebook, And You Can Also Get Latest Statuses From Facebook Status.

  178. faqar says:

    hi thanks for your great tutorial.
    can i ask, if my blog template have 4 datapostbody, [!!!!], which 1 i should past the code after? thanks..

  179. Aziz says:

    hi..
    i have a problem with this way..
    i can’t make this comment box…
    it’s said “……… needs href”
    what’s wrong about that??
    please help me..
    and please give the example using new facebook template..
    cause i didn’t see the picture like yours…

  180. Joyce says:

    Hi, it doesn’t work.

    I followed every step. In step 5, I can find a lot of . Which one should I paste after?

    However, I paste the light comment box code the first i can find after .

    Thank you.

  181. Ben says:

    This is perfect! I just started a blog and little by little I have been integrating it with facebook and this comment box trick is by far the most powerful as far as viral marketing goes. Comments on facebook appear on the blog, and comments on the blog appear on facebook. Thanks man! Your a beast!

  182. Mommy Edna says:

    Thank you very much! Love the FB comments :)

  183. tonythanh says:

    It not work for me, By the way, thanks you for your sharing

  184. Roh Alnarjes says:

    hi max , I’m try it many time but stile not work !! the same massage all the time
    that say there is some wrong plzzz i neeeed help ! :(
    and i cant get the ( ) in my cod !

  185. visionasc says:

    Dear Max,

    I’ve tried this tutorial thousands times, but it never worked…

    Could you please do it for me?
    I’ll send my template…

    Thanks

  186. I am about to try this…however…will it erase all the comments I have on my blog now?

  187. starprince says:

    Hi ,
    I can’t see “connect” option while creating facebook application……

  188. moha says:

    Thank you very much for this work

  189. Azekzk says:

    very interesting tutorial. I just want to ask. It’s only work for facebook comment only? I like if you show tutorial about join between facebook and blogger comment. I would appreciate it. Thanks a lot.

  190. starprince says:

    When i disabled default comment box, then it doesn’t work when i show it then both are actives and i want to reduce it’s width, and when i reduce it , but i can’t see any affects on comments box please help me accordingly

    thanks in anticipation

  191. Kaspars says:

    nice one. helped me a lot

  192. Narayana Pai says:

    i inserted the facebook comment box, but if anyone wants to comment , they should click read comments to comment, which is waste of time, please help me to solve it….

    • blacknoty says:

      Forget to remove Facebook Like Button. So make sure if you have facebook like button installed on your blog remove it first..Thanks a lot…

  193. Phuket101 says:

    Great tool! I was looking for this but didn’t find any easy step to install it! Thanks a lot for this.
    However, it works but I get a message ‘Warning: http://phuket101.blogspot.com/2011/01/similan-islands-thailand.html is unreachable.” below the post.
    Any idea?
    Thanks again

  194. Shubham says:

    Hi, max i look ur site content and that was superb now i m fan of ur site but i have one problem. This code .::::. is not in my template plz max can u chk it out what d problem…..

  195. BG007 says:

    WHat do u mean by graph protocol tags?

  196. Somulin says:

    The information given in your site is very descriptive and informative i would surely like to share this information with my friends and my relatives.
    Somuline Reviews

  197. Just wanted to say thanks for the help! I’ve been trying to figure this out for the past few days, and came across your site yesterday and was able to fix my issue this evening.

    Thanks again!

    Trevor T.

  198. MallyMay says:

    Oh my goodness, I’m new to blogging and adding in all these features but not so much so that I shouldnt be able to do this. Ive sat now for two nights trying to figure out and imput this code properly. Why is it, when Im following the instructions and the picture of ‘connet’ on the left hand side of the screen. I need help, before I pull my hair out spending one more night trying to figure this out :(

  199. wow it works like a charm!!! i gonna recommend it!

  200. Lorraine says:

    hi! My name is lorraine and I followed all the instructions from facebook developer to install the comment box but I have no luck, for some reason I cant find my body> tag and I did something there that Now I have one lol, but nothing works please help me, everybody makes it seem so easy. :(

  201. starprince says:

    When you come on this part:

    Adding the SDK script Code :
    search for

    but
    Note: In New Blogger Designed templates the same code looks like this,

    so remember if you not find then try the next one ()

  202. yeah says:

    Sound nice, but then how to show recent comments just like the default recent blog comments do?

  203. aks says:

    is it also can send notification by like the comment ?

  204. aks says:

    it can not send me a notification…..help.

  205. Makal says:

    in my blog SDK script Code not work… :( :(

  206. Your tutorial works great on my blog. & my fb comment box appears just below my post. I wish i could get in above my default blog comment, or at least out from by post body area.. Anyway, this is a great help no doubt! :)

  207. Excellent post. very helpfull…….

  208. Facebook has changed so much I don’t these instructions apply any more. I can’t find it.

  209. ads says:

    hi .excellent blog

  210. trik blogger says:

    Terima kasih tutorialnya, ini sangat bermanfaat untuk saya (Thanks for the tutorial, is very useful for me)

  211. really good blog keep it up
    http://newm4all.blogspot.com/
    all you need to know about your mobile
    thanks

  212. Really too much surprising… here.. thanks to found few more visitors all favorable massages and comments… so informative to to make good comments Computer-Ebooks

  213. Tarun says:

    can not believe finally got it working how i wanted. Comments limited to individual posts. Big hugs to you on new year eve.
    One question – is it possible to have “Post to profile” checkbox selected by default?

  214. Tarun says:

    I also noticed that I don’t receive any notification when some one comments on the post. How do I enable it?

  215. very useful information. thank you

  216. agim says:

    thank you.
    but facebook comment on blogger does not work with iphone

  217. what I was looking for and I tried all the possible ways before too. In fact I have done all that you have told. But still this is not working….My default comment box is also not getting hidden even after I did the way you told me to hide and save. please help me out….

  218. I pay a quick visit day-to-day some web sites and information sites to read articles, but this website provides feature based articles.

  219. jackson says:

    awesome post thank for the great post.

  220. jackson1 says:

    what I was looking for and I tried all the possible ways before too. In fact I have done all that you have told. But still this is not working….My default comment box is also not getting hidden even after I did the way you told me to hide and save. please help me out…. diy kitchen

  221. Abhishek says:

    I have read all the comments and seems profitable for me. Can you suggest some more tips for site promotrion

  222. Antu says:

    ?? whre?? no have data .post.. so wht i gonna do next?

  223. Sean Anthony says:

    Excellent, thanks!

    One problem I had was that there were three sets of in my html. It was the 2nd one that worked.

  224. Sean Anthony says:

    Never mind, not working… looking to delete and trying out this one: http://developers.facebook.com/docs/reference/plugins/comments/

    • Sean Anthony says:

      The Yellow warning box problem is not telling you the issue on your blog. To see the details, click the link in the box. It seems to usually mean that something in your code is incorrectly named (id, FB name, etc.), or is missing all together.

  225. Healthy hair is certainly anindicator of one’s general well-being,particularly during the reproductive years but hair loss itself is not a life –threatening event.

  226. shivam says:

    Thanks for help…!!!

  227. hmm, new facebook comment feature is great. Actually I have become bore with the old FB feature, But its too enjoyable with the new.
    So, thanks for your lovely posting.

  228. Jelle says:

    I think Facebook made a lot of great improvement these days. I like the new Facebook comment feature too, it’s easier and fast.

  229. This is actually my very first time i visit here. I found so many interesting things within your blog especially it’s discussion. From the tons of remarks on your posts, I suppose I am not the only one having all the enjoyment here! keep up the good work.

  230. Junior Iqfar says:

    good post…
    i like it…

  231. you are truly a just right webmaster. The website loading pace is incredible. It sort of feels that you are doing any unique trick. Also, The contents are masterpiece. you have done a excellent task on this matter!

  232. sunny says:

    sir help me im nt find this

    code in my template

  233. Reifentyres says:

    Very Nice Article…

    I Like This Article….

    http://www.reifen.ms/

  234. Nice article. I just happen to pass by my cousin and he was reading your article. He
    told me that he’s subscribed to your blog a couple of months now. It was worth the read. Keep it up!

  235. This would be my second comment in a row. Wrong URL with the first one. An honest mistake. tsk. I am familiarizing myself with a lot of programming techniques and methods. Being an IT senior means a lot of studying and programming.

  236. rock lyrics says:

    very useful article, thanks for sharing!

  237. Nice to know this web blog .This is useful for me. Keep it up.

  238. Kenanga says:

    Thanks for info. that is nice article and very usefully

  239. Carrie says:

    How do we get the comments to show up on the homepage of our blog?

  240. seo says:

    Hey there! I could have sworn I’ve been to this blog before but after browsing through some of the post I realized it’s new to me. Nonetheless, I’m definitely happy I found it and I’ll be book-marking and checking back frequently!

  241. Ryan says:

    Hi,

    I am having problems to install the commentbox. I tried it install it through another blog. But it will only apear when i am in my dashboard. when I log out it does not apear. So I wanted to try your method…but I cant fing when I put it through the search option. Please help?

  242. Ryan says:

    Hi,
    I am having problems to install the commentbox. I tried it install it through another blog. But it will only apear when i am in my dashboard. when I log out it does not apear. So I wanted to try your method…but I cant find when I put it through the search option. Please help?

  243. sunny says:

    hello any one help me ……

    m not finde any code.

  244. Stef says:

    Why can’t I see a “connect” tab on Facebook developers? My apps page on Facebook looks nothing like the picture…

  245. coolandskull says:

    Lovely!

    Thanks for this, we were looking for it!
    And we have just installed it

  246. Wow.. you were posted really useful one.
    Thanks for shared.
    cancer hospital in india

  247. Very meaningful thoughts! Here you posted info really very impressive as so far. I kind impressed to read this Thoughts.
    knee replacement in india

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here