Facebook comments Box Instead of Blogger Comments Form


facebook-commnets-boxThe previous post on Facebook comments box did not replace your blogger comment form but if you wish to completely remove the blogger form and use this new plugin then steps are even more simple. However I may assure you one important thing here. I am soon going to publish a script that will automatically count and display Facebook and blogger comments beautifully and will show only one form at a time. For the time being apply this new trick.

Replace Blogger Comments Form With FB Comments Box

All the steps are exactly the same as mentioned in the earlier tutorial except step#7
1.  Instead of searching for this code,
<b:includable id='comment-form' var='post'>
Search for this code,
<data:post.body/>
  2.  Just after it, paste the same code we used earlier as shown below,
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments  colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>AllBlogTools.com</a></b> Enhanced by <b><a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>MyBloggerTricks.com</a></b></div></div>
</b:if>
  • If you want to use the dark scheme then simply replace light with dark
  • To change the Comments box size, change this value width='520'
  • To change the footer credits size, change this value width:510px
  • Keep a difference of 10 pixels between the box size and footer size. For example if you set box-size to width='600' then set footer-size to width:590px
     3.  Save your template

Hide or Pop-up Blogger Comment Form

Here you have two options. Either you can,
  1. Hide the comments box but not the comments. The box will appear only when visitors will click the Post comment link. or
  2. Hide both Blogger comments and comments box

For the first option:
A pop-up link will display both Facebook and blogger comments but will hide the Blogger comment form as shown below, SEE DEMO ALSO
FACEBOOK-COMMENTS-FORM

To do this go to Blogger > Settings > Comments   and in the comment form placement option choose the pop-up option as shown below,
pop up blogger form


Save and you are done!
For The Second Option:
If you wish to hide both blogger comments and the comment box? In that case, set comments to hide
hide blogger comments

As mentioned by Blogger Hiding the comments will not delete them but temporarily hide them from visitors.
Hit save and you are done again!

What to Do Hide or Popup the form?

The best SEO and productive advise that I can give is that you may hide the Blogger comment box only but you must display blogger comments and give users the chance to comment with any platform they may like. In short the popup option is the best. Blogger comments are crawled by search engines and they are an important part of your content so its better that you don't hide them.
With coming days I will come up with more tweaks related to this brilliant traffic gifting Facebook plugin and will try to make it more blending with some customization tips.
You must know:

Need Quick Help within 24 Hours? ASK NOW



If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

57 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.

  1. Thanks To You About That ..................
    I have a Question. If you Can Then Kindly Answer it ..........
    If You Can Then Kindly Write a good Article about Backlinks ?
    yhanks

    ReplyDelete
  2. Hi Mohammad This is a killer post thanks for sharing
    regards
    hackerstips.tk

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. Glad to see the blogger comment posted by me on blogger comments

    Thanks,
    www.spruceblogger.blogspot.com

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. I think the Code should be data:post.body instead of data:pos.body what you have given. Anyways my problem is in my Template there are two data:post.body So under which one should I paste?

    ReplyDelete
  7. Akshay

    Thanks for reminding buddy. I have corrected the code. Choose the one close to which you find items near your post titles or items below posts.

    ReplyDelete
  8. Hi,
    i have done all the steps but in the end after i click save i got this msg :

    XML: Attribute "xmlns:fb" was already specified for element "html".

    what should i do, can you guys help plz ?

    ReplyDelete
  9. Thank you so much for this tutorial. Everything is working as expected, except in one regard (just a minor annoyance, really). Why does an error message occur "Warning http://__________.blogspot.com/2011/07.testing-2.html is unreachable." appear?

    ReplyDelete
  10. @Ziad

    That means you are adding the code twice there. Please go check that code and see you are adding the code after <html only once

    @Gryphon
    Where do you get this error? In facebook box or while saving your template?

    The URL has no proper address and does not exist. Make sure you add the box in your active blog

    ReplyDelete
  11. Hi again Mohammad..
    thanx for you answer,that's right i checked my template i find the code added after <html already,
    how can i fix it in order to add facebook comment box ?
    thnx for you help
    best regards

    ReplyDelete
  12. @Ziad

    See that this code is added only once:
    xmlns:fb='http://www.facebook.com/2008/fbml'

    Delete the repeated one and save your template. The plugin will work just fine.

    ReplyDelete
  13. This comment has been removed by the author.

    ReplyDelete
  14. This comment has been removed by the author.

    ReplyDelete
  15. thanks so much for this tutorial! Amanda @Disney Go To Girl .com www.Disneygotogirl.com

    ReplyDelete
  16. somebody tell me that how to moderate these comments without app id.

    I also tried the standard procedure to add comments according to April 11 instruction release by facebook. the comments box was added but all comments were appearing on all pages :D

    ReplyDelete
  17. Does anyone know any code that would allow these facebook and blogger comments to always be shown with each post - without having to click on the 'comments' link?

    ReplyDelete
  18. By the way, my site: http://www.TattooConfessionals.com

    ReplyDelete
  19. sorry for my english can you tell me how to put tabs in the comments, facebook / blogger, like this image demo please?

    http://2.bp.blogspot.com/-CF9og_u_Bh4/TneBOgmqhMI/AAAAAAAACj4/LI3QMWyQnmE/s1600/Image%2B1.png

    ReplyDelete
  20. Thanks for sharing this information and resources its really help full for me with the help of this we can improve our web design and development.
    Web Design Company India

    ReplyDelete
  21. Muhammad i hv followed your steps but fb comment box is not displaying..
    Only default blogger comments box is displaying......

    Please solve my problem ... THANKS

    Also check http://www.accountancystudents.net/
    for confirm

    ReplyDelete
  22. how can I make it appear on homepage also, not only when you go to post itself?

    ReplyDelete
  23. You Know I Can't Even Find

    nor

    What Should I Do ?
    Blog URL : http://roverit.blogspot.com/

    ReplyDelete
  24. @Neeraj Grover OH Sorry I Found It Forgot To Expand The Widget Templates !
    Thank You

    ReplyDelete
  25. Hi Mohammad,
    I can't find in my code

    I'm using the new blogger interface.

    ReplyDelete
  26. I really like this. It works great, but I have one question. It only appears if someone clicks the title to the blog. It doesn't automatically show up at the bottom of the post. If you visit my site www.peridotdynasty.com you will see what I mean. I want it to be above my sharing buttons, but it is not.

    ReplyDelete
  27. nice post...your blog is awesome..iam also blogger and i apply many tricks on my blog by reading your post..thnx. check my blog http://newsboxblog.blogspot.com

    ReplyDelete
  28. Hey i jst used this trick but there is some problem created that is i select radio option from show to hide, then both of the comment box has been hidden... please resolve this.. http://sptricks.blogspot.com

    ReplyDelete
  29. Thanks for such an interesting article as I'm considering replacing my blogger comments with facebook connect. Can you explain why you haven't done this with this very blog?

    ReplyDelete
  30. Hello friends, I've discovered best money making programe that its really paying & i have been paid & i think it wil be good to share it with everyone. U earn money in d programe without selling or refering, duo if u want to increase ur earning & make it grow fast, then u involve refering. Its a programe that u can join with a minimum of $10 & earn 2% daily. U can earn in d programe by buying a position & each position cost $10, d more u buy d more ur earning. Each position u buy expire or marture after 75 days, withdraw are daily direct to either ur alartpay, libertyreserve or perfectmoney account. U wil get an instant $10 when u join d programe. U can use that $10 & buy 1 position & start earning 2% daily. Mean while u are advice to buy more in order to earn big. Pls click here http://adv.justbeenpaid.com/?r=bhiix90zjf pls when u join, try & take a day to study d programe, dont just be in hurry, just try read every post in d site. Dis programe is d right place 4 u to invest

    ReplyDelete
  31. Hi Mohammad,

    Thanks for the interesting article.
    Just a question, does your Facebook Comments code work for the dynamic views that Google just introduced recently?

    ReplyDelete
  32. Hello every one if u feel that this is a large and hard tutorial so don't worry be happy because i have a shortcut method 4u
    there is a simple way to add fb comments on blog
    follow me...
    http://www.facebook.com/pages/Easy-Way/213288635369728?ref=tn_tnmn


    I am Rashid from Pakistan, rishilink2@gmail.com

    ReplyDelete
  33. Hello every one if u feel that this is a large and hard tutorial so don't worry be happy because i have a shortcut method 4u
    there is a simple way to add fb comments on blog
    follow me...
    http://www.facebook.com/pages/Easy-Way/213288635369728?ref=tn_tnmn


    I am Rashid from Pakistan, rishilink2@gmail.com

    ReplyDelete
  34. The link shared by "Unknown" is engaged in Spam and Phishing activities. Proceed at your own risk.

    The link shared by "EasyWay" is just a referral link to Facebook which in short has nothing to do with the tutorial.

    --
    Sam Bot

    ReplyDelete
  35. Shake Away 30 pounds!Visalus is Clinically proven to help you lose 30 pounds! you can find here Balance Kit,Shape Kit,Core Kit,Transformation Kit,Fit Kit"

    ReplyDelete
  36. www.netbizinternational.net

    :::::::::::::::::::::::::::

    www.netbizinternational.net IS ONE OF THE ONLINE
    FRAUD COMPANIES.
    www.netbizinternational.net PAKISTAN KA NO.1
    FRAUD COMPANY HAI. JO LOGO KO BEWUQUF BANA KAR
    LAKHO RUPEES LOOT RAHAY HAI.MERA NAM Ali Raza HAI.
    ME NE NETBIZ MEIN AS A MEMBERSHIP FEE 10,000 RUPAY
    JAMA KARWAYE THAY.
    MERI MEMBERSHIP VALIDITY 6 MAAH KI THI.
    6MONTH ME MUJHE kOI PAYMENT NAHI MILI.

    IMRAN SIDDIQE 1 DHOKE BAZ SHAKS HAI>


    http://www.youtube.com/watch?v=YGhGBAe9TSo

    ReplyDelete
  37. realy good tips, I also would lke to share more on my blog http://oyaah.blogspot.in

    ReplyDelete
  38. This comment has been removed by the author.

    ReplyDelete
  39. Facebook Friends
    Facebook 5000 Friend Adder In 1 Day
    ( Formula v.12 )

    www.guplitecompany.blogspot.com

    http://www.facebook.com/facebokfriendadder
    http://www.youtube.com/watch?v=3Y3QgQk9nvg

    ReplyDelete
  40. This comment has been removed by the author.

    ReplyDelete
  41. i added this comment box to my blog (Best Pic Store. I want to show this comment box exactly below my related post widget. Pls help me..

    ReplyDelete
  42. hi i tried to get app from facebook as you said but it is showing differently than you explained and i tried all the codes but it is not displaying on my blog


    www.vaabrobotics.blogspot.com

    ReplyDelete
  43. ok i have the facebook comment box but still shows my blogger one, and when i press hide or open in new window the whole facebook comment box disapears :(

    ReplyDelete
  44. i have done it :) thanks nice one

    ReplyDelete
  45. Thank you for your great tips. i got lots of information.

    ReplyDelete
  46. not working.......... when iam searching for "". it gives me more than one , where to put. plz help me.......

    ReplyDelete
  47. hey Plz Help any one...... data:post.body occurs 3 times where to put the code.....

    ReplyDelete
  48. Facebook has totally changed the interface. Please either redirect visitors to this address or replace your content as shown on the website link below

    http://wp.tutsplus.com/tutorials/the-ultimate-guide-to-implementing-facebook-comments-on-your-blog/

    ReplyDelete
  49. This comment has been removed by the author.

    ReplyDelete

  50. Good blog and the contents are really nice, thanks for sharing here with us.

    parking management
    parking guidance
    parking counting

    ReplyDelete
  51. This is an excellent blog along with the great knowledge.
    comment pirater un compte facebook

    ReplyDelete