Facebook comment for your blog can serve as a good way to make your site more engaging and encourage readers to drop comments if they’re already logged in to Facebook. It also serves as a source of traffic since using Facebook comment shares the comment and post page on the visitor’s Facebook wall. One thing should be noted though: Facebook comment has no SEO value since it’s being displayed in an iframe which Google won’t index. Comments made with the regular comment box on your site has more advantages especially if you get loads of comment, more keywords you didn’t actually mention in the post content but appearing in comments do bring more search engine traffic. This is something Facebook comment lacks, execept the extra traffic you get from Facebook.
I just thought you should know that before you implent it on your blog. As you can see, I do use it too. I wrote a post on this particular topic earlier but Facebook has changed since, lots of things on the post may not look exactly as explained. Also, this one has a feature the previous one didn’t have – getting notified of every comment made on your blog. One other thing, I customized this with a little CSS. Below is a screenshot of what it looks like:
You may also check the live demo on my old blog here.
How to add Facebook comment box to Blogspot
There are about five steps to get this done but chill out, it’s easy, ok? 
Just follow the steps and you’ll have a nice Facebook comment box installed on your blog in no time.
1. Creating a Facebook Application
i. Head on to facebook developer page, you should create a new app by clicking the button at the top right.
ii. Enter your application name and namespace,input the captcha code and proceed.
iii. On the next page, enter your custom domain name (if you’re using a custom domain) or just blogspot.com (if you’re using blogspot sub domain) in the space provided for App domain.
For App website, enter you blog URL. ( http://www.xyz.com/ or http://xyz.blogspot.com/ ). Be sure it starts with http:// and ends with / as shown in the screenshot below:
iv. Scroll down a bit and hit the Save Changes button. Now you’re done with creating your facebook application but there’s one more thing to do. On that same page, you should see your application ID. Copy it and save somewhere, you’re gonna be needing it.
Now let’s head to your blog and finish this up 
2. Adding the codes to your template
We’re adding four sets of codes into your template to make this work the way we want, aight?
i. xmnls attribute
ii. SDK script
iiI. Open graph meta tag
iv. Comment form iframe code
Log in to your blogger account and click on Template > Edit HTML > Check Expand Widget Template
i. Press Ctrl + F and search for this code:
This should be found on the second or third line of your template.
- Right in front of this, add the following code:
-Be sure to have a space before and after this code. Take a look at the example below:
ii. Press CTRL + F on your keyboard and search for this:
If you can’t find this, search for something similar. You should search for this instead:
In the next line, paste this code:
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR APPLICATION ID HERE',
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>
Be sure to replace YOUR APPLICATION ID HERE with the application ID I asked you to copy earlier, remember?
iii. Now, let’s add the open graph meta tag. Search for this code in your template:
In the line above it, paste this piece of code:
Replace YOUR_APP_ID with that same application ID you previously copied.
iv. Now here’s the last part of tweaking your template your template to make it display Facebook comment box. The last thing is the iframe to display the comment box where you want. Search for this in your template:
If you’re using a magazine style template, you’re likely to have more than one occurrence of this. Using the wrong one won’t make the comment show up. If you’re not sure about which one to use, search for this instead:
In the line just below it, paste this code:
<style>
.doncaprio-share-buttons
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #BBBBBB;
background-color:#F2F2F2;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px;
box-shadow: #B3B3B3 5px 5px 5px;
padding: 5px;
margin: 10px;
}
</style>
<p align='center'>
<div class='doncaprio-share-buttons' style='background: #f2f2f2;'>
<font size='6'><strong>Love to hear what you think!</strong></font> <img src='http://www.doncaprio.com/wp-content/uploads/2012/08/comment.png'/>
<br/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/></div>
<div align='right'><a href='http://www.doncaprio.com/2011/08/facebook-comment-box-for-blogger.html' target='blank'><small>[Facebook Comment For Blogger]</small></a></div>
</div>
</p>
</b:if>
Save your template, the Facebook comment form should now appear. If it looks rather small, replace width=’450′ with width=’600′. This increases the width from 450px to 600px.
3. Enabling notification for comments on every post
This is the last part and it’s optional but I recommend it. Enabling this lets you know whenever someone comments on your blog. You get a regular notification on Facebook and you can visit your blog to reply the comment.
- Visit this URL: https://developers.facebook.com/tools/comments/?id=YOUR_APP_ID
- Be sure to replace YOUR_APP_ID with your real application ID
- On the page that opens, click on settings and add yourself as moderator
- Click on your name when it shows up and save the changes you made. When someone drops a comment on your blog, you should be notified that instant on Facebook.
If this works for you, you can say thank you by sharing on Facebook, hitting the Google +1 button or simply using the comment box. Also, it would be nice of you not to remove the credit link to allow others find this useful widget. If you’re having problems implementing this as well, don’t hesitate to let me know maybe I can be of help.
Update 1: Showing the Comment Box on the Homepage and Archive
I don’t recommend this because it doesn’t make your blog look neat and professional but if you have to show the comment box on the homepage, there’s only a little thing you must do. See the code you pasted in STEP 2 iv? Yeah, just remove the first and the last line of that code and the box should appear on the homepage below every post.
Update 2: Fix Facebook Comment Box Aligned to the Right
We all know Blogger recently made some changes and I noticed this box got aligned to the right due to some reasons. This seems to be cause by some HTML tags being incorrectly parsed by the new template editor… my guess.
Anyway, here’s the fix: Replace the code you have under data:post.body with the one below.
<style>
.doncaprio-share-buttons
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #BBBBBB;
background-color:#F2F2F2;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px;
box-shadow: #B3B3B3 5px 5px 5px;
padding: 5px;
margin: 10px;
}
</style>
<p align='center'>
<div class='doncaprio-share-buttons' style='background: #f2f2f2;'>
<font size='6'><strong>Love to hear what you think!</strong></font> <img src='http://www.doncaprio.com/wp-content/uploads/2012/08/comment.png'/>
<br/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/></div>
<div align='right'><a href='http://www.doncaprio.com/2011/08/facebook-comment-box-for-blogger.html' target='blank'><small>[Facebook Comment For Blogger]</small></a></div>
</div>
</p>
</b:if>
Replacing the whole code pasted earlier under data:post.body or post-footer-line-1 should fix it. I did it on my test blog and it works just fine. Any problem? Don’t hesitate to holla at me. 
Peace.
Facebook comment box is not working for my blog. I don’t know why. Please help me
Emeka Kamanda recently posted..Adding Stylish Share Buttons to Your Blogger/Wordpress Blog’s Post
I can only assume you’ll use this post and the codes contained therein on your next blog post, like you did on the post appearing in your comment above… the post and code which originally appeared here – Adding Stylish Share Buttons to Your Blogger/Wordpress Blog’s Post
Don Caprio recently posted..New Facebook Comment Box for Blogger With Notifications Enabled
If u’ve read the post u will see that i re-wrote it not to be like urs, though i got d tip from here. But i need assistance on dat facebook comment box. I’ve tried but not working. Pls help
Twitter: biosanjaya
says:
thanks for this info, cek me jadwal penerimaan cpns 2013
BioSanjaya.Com recently posted..Jadwal Tes CPNS 2013 Sedang Proses
Twitter: rashadbakirov
says:
it is not work in my blogger too
rashad recently posted..Мужики за работой / Мужчины в деле / Men at Work (1 сезон/2012]
Twitter: edi4all
says:
The Widget is so Cool Bro Don, the Notification feature is on pint, and you made it look awesome by styling it, besides this, I notice you do styling in widgets you talk on your blog these days, seems you’ve added CSS to your skills.
Thumbs Up
Edi – The A.J Geek recently posted..Android Meets Digital Photography
Thanks for the compliment, Edi. Yeah, Ithink CSS is getting more interesting. It feels like Art which I naturally love
Twitter: xlimderek
says:
Its cool
Buh i don’t think i want facebook comment boc on my blog right now.
Perhaps when i move to WP
Derek recently posted..5 Steps for Branding through Social Media
Twitter: daayur
says:
Thank done, good to see this simple steps
Twitter: kibria_hossain
says:
I have allready set up facebook comment box to my [url=http://www.e-blog24.blogspot.com]blog.[/url] i think it need to be update from your post. Thanks don
Since you already have a facebook comment installed, just replace that with is as explained above: You can replace the comment form with this new one. Just replace the code under
Twitter: funsho_k1
says:
Thank you sir, for this great share but please what about we that are using the old facebook comment box before.
How are we going to remove the old one before installing this new one?
You can replace the comment form with this new one. Just replace the code under
Twitter: funsho_k1
says:
Ok, Thankz
Mine is working perfectly good………saw alot of comment notification on my facebook wall coming from my site……………..good work Don
Victor Ome Umukoro recently posted..Photos: Togolese Women Protest
Mr Don Caprio pls do you any article on this “Get free daily updates through email Subscription Bar”? pls i need it
Victor Ome Umukoro recently posted..Photos: Togolese Women Protest
You may check this – Adding a Stylish Feedburner Email Form Below Blog Posts
The instrument is so calm, the Notification component exists on pint, also you caused it appearance large by styling it, additional this, I caution you do styling in instruments you conversation on your blog these days.
Shane recently posted..Putra FM 90.7 Malaysia Radio Online
thanks for this!
Hi Don, I am fine up to the point where I search for the line
No search results. Any suggestions? Thanks
forgot to check the Check Expand Widget Template box. Done and it looks great! Thanks!
You’re welcome, Frizzle.
Twitter: Cyracksjay
says:
Thanks man its cool and i love it.
Cyracks recently posted..How to Get Google index your Backlinks fast without waiting Part 2
Twitter: cure4sickness
says:
Can the facebook comment box be removed?
cholesterol recently posted..Stop bully, Share this on facebook, twitter and google plus!
Yes, you only need to reverse the process and remove the codes you added.
Not working for my blog…… message shown like this …… ” Error parsing XML, line 3, column 340: Attribute “xmlns:fb” was already specified for element “html”…..
That’s because you already have a facebook comment installed. You can just replace the code you have under data:post.body with the one I posted. That’s all you need to do.
Don, this is a great help. I had the same problem and it seems to be because I already have Facebook “like” buttons installed. Is there is there a work-around where I can keep both?
Evan recently posted..Memphians Run Tonight To Show Love And Support For Boston
Hi Evan,
If you get this error, simply skip STEP 2 i. It should work.
Well, the most bizarre thing happened. I just went back to do what you said, and when I follow your instructions and click on “edit HTML” I get the screen and the scroll bar, but there is NOTHING THERE. No HTML. Yet, the blog itself seems to be fine. Ever seen this before?
Evan recently posted..Remembering the legacy of Maxine Smith
Yes, I’ve seen it before but I checked with Google Chrome and it was fine. You’ve tried a different browser?
Twitter: FancyFrugalLife
says:
Thank YOU!!! I can’t believe I did it!! Hooray!
Lina
http://www.fancyfrugallife.blogspot.com
Checked your blog and saw you implemented it already. You’re welcome, Lina.
hi sir am following same steps in my blogger .but it will not showing anything.and there is no error at saving template.Please help me and am using blogger theme simple magazine 2 theme pls reply to me sir
You can use post-footer-line instead of data:post.body
Twitter: miketheblogger
says:
Hi friend thanks to you for this awesome information, my blog now is using FB comment
Mike recently posted..Wanita ini Hamil Gara-gara Bercinta dengan Mayat
Hi Mike,
That’s great. Glad you’re using the widget
But without the credit 
I can’t find anything with with “post.body” or “div class=’post” on my blog…. not sure where to add the code in part iv.
NVM – figured it out.
Chuck Porter ( recently posted..2012 BBA Awards: Stan Musial (MVP)
Alright, saw the widget on your blog already.
This is a great little app – hopefully, it increases the amount of comments on our blog (most of our comments come from Anonymous because many of our readers don’t have Google accounts and don’t want to take the time to sign up). Thanks for instructions.
One thing that I am having problems with is the enable notification part… when I follow that link and click on Settings it says loading and then never loads anything. Looks like it’s a Facebook issue… not sure if anyone else has had this problem. I’m going to try again a little later and hopefully it works.
Chuck Porter ( recently posted..2012 BBA Awards: Stan Musial (MVP)
It’s gotta be a Facebook issue or probably the browser. Hope you finally got it working.
Twitter: BigFootTribe
says:
Chuck Porter,
Did you ever get the page to load when you click on settings. It’s three months after you’ve posted this and it does the same for me. Did you ever figure out a way around this, maybe another way to set up notifications and moderator.
Michelle recently posted..Gun Laws vs. Food Industry
Is there any way to get this to jive with the mobile version?
Chuck Porter ( recently posted..Yankees All-Time Team v.2012
I really don’t know but I’ve seen Disqus comment on Blogger mobile version… somewhere.
Twitter: Foodbritannica
says:
Awesome plugin!!! Great work. thanks…
GoodCook recently posted..Around the World in 80 Recipes
I changed my blog template to a third party template and when I did that I lost the Facebook Comment Box. Do you know of an easy fix for this or is this something that won’t jive?
Chuck Porter ( recently posted..2012 Gold Glove Winners
You have to go over the steps again and re-add the codes. That’s the only way to get the comment box back.
Twitter: allentdon
says:
Thanks Don, it worked fine
Toby Allen recently posted..How To Activate Etisalat Talkzone To Make Calls As Low As 1k/sec
Hello,
I did all the above and the commet box apperas normaly and when i comment it works(i’ve added myself as moderator) but when someone else commets he gets this message: “Something went wrong. We’re working on getting it fixed as soon as we can.” Also I don’t get a notification of a new comment. Ca n you help?
I posted a test comment just now and I didn’t see any error message http://www.asudotoi.gr/2012/11/periergaa_7199.html
So far the right app ID is in the code, you should be notified. You didn’t get any notification from the comment I dropped?
Ok Don! Everything worked fine with your comment! I replied to you and the other thing i wrote(http://www.asudotoi.gr/2012/11/periergaa_7199.html?fb_comment_id=fbc_114411375387292_63644_114513528710410) also seems now to be working! Thank you so much for you great app!!
Dimitris recently posted..Μαρία Ηλιάκη: Πόσο χρονών την κάνετε; Κι όμως δεν είναι όσο νομίζατε
The pleasure’s mine, Dimitris. Glad you got it working
Thanks for sharing wonderful useful plugin.
Twitter: Ghana_Metro
says:
I just the comment box for a few days snd took if off because, a comment posted on a particular post runs through all the posts, can u help. Thanks
It works dine except you did one or two things wrong. You may have to go over the steps carefully again.
App creation failed
Please use your personal account to create this app. To use a different name for testing, create the app with your personal account and then create a test account.
If you received this message in error, please submit an appeal.
Aslam recently posted..Preparing For Travel To Bangladesh
I’m many time for try to create fb apps but always show this error.
Aslam recently posted..Guided Tour In Bangladesh
You can try using a freind’s facebook account to create the app and then add your self as a moderator, admin or something.
How To make action default
Post to Facebook
Box aleardy have checked
user no need to make check to post it to his profile
I wish u understand me
thanks for this good topic
Ahmed recently posted..How to Become a Creative Genius
Yes, Ahmed, I understand you. If a user is logged in to Facebook, the box is automatically checked. I checked your blog now and the box was already checked.
thanks Don Caprio
I love happy with your wondrfull posts…forward
Ahmed recently posted..How to Become a Creative Genius
Twitter: atikcse1992
says:
Hey, Bro. Don Caprio:
This post is really helpful for me. I will try to add Facebook comment box on my blogger blog. Thanks for sharing this post with us.
atiqur rahman recently posted..Fixed Floating Vertical Social Share Counters Buttons / Bar for Blogger
Thanks — Don Caprio
Successfully added FB Comments to my blog.
John Dick recently posted..Enrique Iglesias Gorgeous Wallpaper
Twitter: Dailyschoolnews
says:
Thanks for this Article Doncaprio, i have successfully added it to my blog @ Make Money Online
Twitter: cyberneticusX
says:
Thanks for sharing this cool widget with us. It’s definitely a real nice one to have. Keep up woth the good work.
Cyberneticus recently posted..Test
Twitter: lahaulseth
says:
Thanks Don for the simple tutorial. The app works perfectly on my site and it also looks good thanks to your css code.
Lahaul Seth recently posted..Why you should join Blog Engage ?
Glad you love it, bro.
Hi. When I try to add myself as moderator, I get this message:
“Cannot add non-users or non-friends as moderators: Ara Aquino”
What should I do?
Never mind this one, hehe
Ara recently posted..The Church on RH Bill + my thoughts
Can you type in your email and press ENTER instead if that’s gonna works?
Oh thanks for the reply, but I was able to make myself as a moderator already. The problem now is that the comment box is not appearing on any of the posts. I double-checked everything, I did all correctly. How come it’s not working?
I did all of the steps, but the comment box is not showing
What should I do?
Ara recently posted..The Church on RH Bill + my thoughts
Never mind this one as well, I got it to work
I am using a design by Sora Templates (Eclipse) and appeared thrice in my codes so I looked for instead. However, when I paste the codes after it still doesn’t work, so I tried pasting it after . Unfortunately, it still didn’t work so I asked you what to do.
After a couple of days, I tried pasting it after the second and it finally worked! It looked great, I have to say. But I had to revert to the simple Facebook comments because it seemed to me that there was already “a lot” happening in my pages.
Anyway, great work, Don! Thanks for this one! Hugggs! xoxo
Yeah, I do understand… trying to keep post pages as simple as possible. Nice blog, Ara.
LOL I just noticed that the tags didn’t appear
Anyway, I said:
I am using a design by Sora Templates (Eclipse) and appeared thrice in my codes so I looked for instead. However, when I paste the codes after it still doesn’t work, so I tried pasting it after . Unfortunately, it still didn’t work so I asked you what to do.
After a couple of days, I tried pasting it after the second and it finally worked! It looked great, I have to say. But I had to revert to the simple Facebook comments because it seemed to me that there was already “a lot” happening in my pages.
Anyway, great work, Don! Thanks for this one! Hugggs! xoxo
**remove spaces between tags
———-
Yep, keeping it simple Don. Thanks
Twitter: samdaddycool
says:
Thanks bro. It works
SamDaddyCool recently posted..December 2012 Contest Giveaway
It’s work here
http://how-tobecome.blogspot.com
but here it didn’t
http://moonl8.blogspot.com/
what problem Dear I applied all steps
Ahmed recently posted..Blogspot SEO Guide: How to Tweak your Search Preferences Settings
I hope you don’t mind me replying here, but try to play with the codes
Search for and if it appeared more than once, try to paste it after the first. If it doesn’t work, cut the codes and paste them after the second. And so on. Same thing with . If it doesn’t work, move the codes after , or , blah blah blah. Give it a try
Arakarenina recently posted..The Church on RH Bill + my thoughts
Don, I did what you wrote (and even added tweets) but my problem is, the “Posted by” tag is below the comments boxes instead of been just under the post. I need help!
My blog is: http://www.campuzfilla.com
Archurst recently posted..Welcome To Campuz Filla!
I checked just now and it looks quite alright.
Twitter: afrigist
says:
Wow, thanks @ don. its useful
Don, I did what you wrote, but my blog is showing old blogger comment box… help…
Hi there,
Thanks for this tutorial! I think it works. I tried commenting on my blog, and got no notification; is that just because it was me who wrote and not someone else?
Also, the comment box is covering up my post-footer. How can I move it down?
(haha, most of my blog design problems involve spacing – see my sidebar! – I really need to figure it out!)
Thanks so much!
Ah, got it to work AND be in the right place! Yes!
I modified it a touch, just to make it fit better on my page (removed shadow, changed “Love to hear what you think” to “I’d love to hear what you think”, removed the comment icon picture thingy, changed the font size of the title so it’s not so big…)
The only thing is that I would LIKE it to fit the space of my blog post. Changing the size like you say in this post only makes the actual comment space where you write bigger and not the whole thing. Any recommendations?
Glad you got it working! By using width=’600′ it should actually be bigger… I mean the whole thing. Just noticed the apostrophe up there in the post looks a bit twisted.
Hi,
I checked just now and it seems you’ve fixed it. It wasn’t covering the footer and you probably won’t get notified if you commented yourself.
thanks..very helpful..i have implemented this on my blog.
Twitter: jimmieluthra
says:
Can I keep both Facebook Comments and Disqus on Blogger at same time?
Jim Luthra recently posted..10 Indian Bloggers with Highest AdSense Income
Yes, you can… But it may be confusing to visitors as to which on to use. That’s why I don’t use it anymore.
hi
i have coded this step by step but it is only working for 1 post and not showing comment box for other post
kindly help
Nic………… post thnks
Nitesh saitand recently posted..Mr. Abhi Shaw have a Mysterious Words what was that?
Twitter: CMVetrano
says:
I followed these steps but it seems the box is still not showing up.
Do you have any suggestions?
I assume you’ve fixed it already cuz I checked now and there’s a Facebook comment box there already.
Twitter: CMVetrano
says:
Yes, sorry – I got it figured out! Thanks for checking!!
Chris recently posted..Merry Christmas from Tragic Kingdom with Andy Davis
me too I followed these steps but it seems the box is still not showing up.
Do you have any suggestions?
I tried your code but on my blog http://www.spicejaat.com its working on post pages but when on label search facebook messagebox is not displayed. Any resolution to it.
Hi,
thanks ! i already did it but thanks for sharing.
But, i want to have the notification on my mobile (iOs), in facebook’s app, i don’t know how to do that (i ONLY receive notification on facebook’s website, not mobile app).
Any idea ?
Thomas Benezeth recently posted..Partageons nos lectures
You’re welcom, Thomas, but I don’t really know if that is possible.
Twitter: shemul49rmc
says:
is it available for Thesis WordPress theme? Please let me know.
Shemul49rmc recently posted..Download Skype 6 Final Standalone Offline Installer For Windows Mac
No, you may have to use a regular WordPress plugin for that.
Hi Don
THANK YOU so much – it works!!!
I just made some changes as I didn’t want the border.
I have a question thought – I’d like the FB-comment-box to be AFTER the Linkwithin box.
How do I do that??
Thanks in advance
Did you add the linkwithin box manually? You may have to locate the code within the template and place the Facebook code right under it.
Alternatively, paste the Facebook code under <post-footer-line-1/>
I put it as a gadget using HTML/Java script and then placed the gadget below the posts.
Do you mean I have to replace the code instead of below “”,
after “”
??
Winnie recently posted..לחם ינשוף
Sorry, I meant replacing the FB code below
Instead of below
?
In the meantime I’ve tried doing this, but I cannot find the line
Winnie recently posted..לחם ינשוף
Step 2 part iv searched for both codes and can’t find it now I don’t know where to put the code that will make the box show I thought the problem might be in the template I used one called Awesome Inc. so I changed it to water mark they both the same they don’t have that section and I just wanna know where to put the last code part
It’s gotta be there. Are you sure your marked “Expand widget template”?
Hi Don
I searched for the right “footer-line” and placed the code in the place I wanted it.
Thanks.
It’s working and I already seeing comment, but I DO NOT get any notification, and I followed your instructions
Winnie recently posted..לחם ינשוף
Did you commebt yourself? You only get notified if someone comments on your posts.
I have now few comments in different posts, but I didn’t get any notice. I saw these comments by chance (and replied to them).
You can see for example here –
http://www.winnish.net/2012/12/blog-post_25.html
They might be some that I haven’t seen yet….
Winnie recently posted..לחם ינשוף
Dear admin, where will we get the notification if someone leaves comment on our post coz in default comment box we receive notification in blogger but when using facebook comment box where we will find this notification. Plz help.
Babita tomar recently posted..Command And Conquer Red Alert 3 Wallpapers
You get it on Facebook.
well done!!! It’s very cool ,thanks u so much
Visit my site : http://www.share99.net
sr,i test this post in : http://tv.share99.net/2013/01/xem-kenh-ITV-chat-luong-cao.html
Share99 recently posted..Download Avira 2013- Phần mềm diệt virus hiệu quả
hey bro i can’t add app domain it rejected with Error
App Domains: http://www.photoscape-material.blogspot.com/ is not a valid domain. now what to do?? plzzz help
Enter your custom domain name (if you’re using a custom domain) or just blogspot.com (if you’re using blogspot sub domain) in the space provided for App domain.
Enter only blogspot.com as App domain.
what is the real advantages of having this comment box?
keeping your site entertained. Facebook has most guys using it so it becomes easy for one to comment using Facebook comment box
Big Brother Africa Fans recently posted..LK4 ALMOST IN LOVE AS KENYA CELEBRATES 50TH INDEPENDENCE.
Twitter: sugumarje
says:
Wonderful and thanks for all. I have you use this for my blog http://www.facebooksrc.com
sugumarje recently posted..New year 2013 Wishes
Thank you so much for sharing this don. I try it and it work !!!
after put it on http://www.bastanta.com now I put it on http://www.grafik4.com. Thankyou Don
Ferdinand Kamadin recently posted..Kuis PULSA GRATIS BASTANTA RELOAD 06/01/2013
Can I move the Facebook comment box at the lower side ? Below the standard blogspot comment box, because I prefer Blogspot comment box first, and Facebook comment box after it.
Thankyou
I’ve never tried it in that position before but I believe it’s quite possible.
Twitter: riponzm9
says:
really nice and also very much helpful. thanks bro
rams recently posted..Insight into ielts
i already have the fb comments on my blog for some time and now its showing that “Warning: [url of the blog post] is unreachable.” i fear if i do the steps you’ve mentioned, my old posts with comments will disappear. do you know if anyone tried to change to your style and did not lost the old comments?
K recently posted..Palibhasa Parañaque!
So far you use the same application ID, I believe your old comment should be intact.
Dear
I have tried to follow the instructions, but the fb box did not appear. Would you mind helping check what is wrong if that is possible?
Thanks a lot.
I checked your blog just now and saw a Facebook comment box already.
Twitter: abhisharma59
says:
This errors is coming
”
Error parsing XML, line 3, column 339: Attribute “xmlns:fb” was already specified for element “html”.”
while implementing this tool on my blog of ” latest jobs, bank job government jobs, exam paper and career resources”
http://abhicareer.blogspot.com
You can skip that step.
I did all steps and it works. Thanks! One problem – people can only comment through Facebook if you’re logged in from a computer. It doesn’t work if You’re trying to comment through your phone. Please help! My blog is alinasfashtips.blogspot.com
It will only work that way if you disable Blogger mobile version.
Twitter: kambingkampung
says:
Already have fb comment on my blog, but without notification it difficult to trace any incoming new comment on each my post. Thanks don! nice tutorial, very much helpful
Twitter: itinbiquecalvo
says:
I love this tutorial. It works so well on my blog. You deserve a million likes!
Thank you very much! No instructions worked until I found your perfect explanation. It works just fine and it looks amazing. I just translated the top line to my language. Just one thing – when the page loads, it takes some time to load comment box. It sort of tries to load it many times before it’s finally done. Maybe there is a way to fix it? Thanks again
lieknek-lengvai.blogspot.co.uk
That’s because it’s a server side javascript that has to be loaded straight from Facebook’s server. There’s no way tofix it, Ieva. Glad it worked for you though
Hello again,
I hope you can help. Again:)
I decided to change my blogspot domain to my own. And all the comments disappeared… Comment box is still there but all the likes and all the comments gone:(
Is there a way to fix it please?
Thank you
Ieva
There’s no way to fix that that I know of. The comments appear as per the URL of each post and once the URL changes or even just your permalink structure, the comments disappear.
Haha, that’s nice! Thank you a lot!
Thank you! It’s not a big problem anyway
Twitter: BigFootTribe
says:
Hi Don, thanks for the post. I believe Facebook has changed since you wrote this post. In step 1, iii, your instructions are to put in your domain or subdomain and in the lower section put in your site URL, there is no place to put my url. Help please!
Twitter: BigFootTribe
says:
I have figured out where to place my custom domain, but as of October 2011 you must input a canvas url and a secure canvas url, to which I have no idea what these are. Any help or reference you can give me will be much appreciated, thank you in advance:)
Michelle recently posted..Mobile Rewards $200 Giveaway
For canvas url, use http://www.yoursite.com/ and https://www.yoursite.com for secure canvas
thank you very much!
This Facebook comment box is not working.and you are not a trusted person now anymore cause you have wasted my time.
ali ahmad recently posted..Pure White Fancy King Pigeons
I have read your blog twice first part is under stable but second is not understable. and even i applied 3rd one and did it. Very informative, thanks for visual post
Very happy … just opened this site for a while already be science anymore … Thanks
Twitter: sumaiyanaseem
says:
I tried this. Finished all the steps. But the comment box didn’t appear on my blog!
And when I go to settings (for comment notifications) there’s literally nothing in the settings dialogue box, except ‘Save’ and ‘Cancel’
Help?
Twitter: kimbamheo
says:
I also experienced this, what I did is just go to my website, and check the comments area, theres a similar settings button there. That worked for me
Twitter: tiqatia
says:
Thank you SO MUCH ! I love it!
everything is in place but I’ve got one question – how can I put the comment box beneath every post on front page?
You only need to go to step 2 iv. Remove these
<b:if cond='data:blog.pageType == "item"'>and</b:if>Twitter: tiqatia
says:
i’ve tried ! it works !
Atiqah recently posted..resepi puding roti mudah lazat berkrim
I understand, thank you. I was thinking about something else:
What if I would want to make a link at the right bottom of every post I make that says ‘Comment’ and that link is just the same ‘variable’ link that says the ‘name of the post’ and goes to the post page? And also automatically scrolls down to the bottom of the page to the comment form? I know how to make the page ‘jump’ to bottom but I have no idea where should I place the codes.
What’s the code for the link up top and where should I place it?
Have you got any idea how to achieve this?
ok I figured out where to put the ‘Comment’ jump link:
COMMENT
but I have no idea why the jump link doesn’t work,
I’ve put the blabla after the line:
and it’s linked to the comment link so it should jump to the bottom of the page but it does not happen.
Have you got an idea?
Hi Don,
Thanks for the free info on how to do this, people like me really need all the help we can get with this stuff.
I followed your instructions and was able to (eventually) get it to work! Any delay in making this work was due to my brain, not your instructions!
The only place where I had to do something differently than was instructed was where you input the App domain. I couldn’t get any version of my blogspot.com url to be accepted, so I ended up leaving it blank and for some reason that worked !?!
I hope it will still function alright.
Many thanks for doing the HTML hard yards on this tutorial.
Clair recently posted..Inspired: Bill Gibb
Hi Clair,
Glad it worked for you. For the app domain, you could have simply used blogspot.com. I’m sure that should work. You can try editing the app.
Twitter: MILLSMUSICENT
says:
BRO MINE HAS REFUSED TO SHOW ON MOBILE IT ONLY SHOWS ON PC PLZ AM URGENTLY WAITING FOR UR REPLY
Twitter: MILLSMUSICENT
says:
BRO MINE HAS REFUSED TO SHOW ON MOBILE U CAN ONLY FIND IT ON PC PLZ AM WAITING FOR UR REPLY URGENTLY
MILLSMUSICENT recently posted..Exclusive!!! Video Of A pastor Having Sex With Woman WHILE PRAYING For her to get PREGNANT in Delta State,Nigeria(Warning: Mature Content)
Twitter: jennsmthngclvr
says:
Thank you, Don!! That was scary, but it worked! It looks awesome.
Jenn recently posted..My Breast is NOT Best.
This is a really cool app! Thanks for sharing! Is there any way to register as a developer without sharing your phone number?
Roshni recently posted..Messiest Mom of the Week!!
I’m not really sure about that.
Twitter: natnanton
says:
Does these steps work with WordPress too? There are so many Facebook commenting plugins but none that actually notify you. Hope I can use your advice on my blog!
No, the steps here are strictly for blogger.
I successfully added the comment box to my blog but when i try to add notification alerts by following the link “https://developers.facebook.com/tools/comments/?id=……….” and clicking setting, it just shows “loading” and remains that way… waht do i do pls
Great info! Is there a way to receive notifications to mail instead of within facebook?
Thanks!
I have same issue as Mako has. Also comment box is not appearing under page URL (page which I have created under blogger). for post page, it’s working fine.
Thanks for sharing this greate tutorials.
Twitter: ocim
says:
yeah its perfect for my blog, thanks for great tutorial…
Hey Don, I tried following your directions and it’s not working for me. I’m using Blogger. Here’s my Blog: http://angelswinblog.blogspot.com/ …. I’m probably just lame, but I was wondering if I sent you mail if I could send you my template and if/when you have time, if you can add it for me. If you have a donation box or PayPal I’d be happy to send you some $$$ for your time.
Respectfully,
Chuck Richter
AngelsWin.com
Hi Chuck,
That shouldn’t be a problem. You can send me an email (caprio at capriofiles dot com) and we can work it out.
Warm Regards.
hi there, i have a fashion blog and i was trying to put the comment box but unfortunetelly i couldnt do it although i followed all the steps, could you please help me? :/ ive been trying to use this for months :/ and the fb widget only works in the bottom of my messages and not post by post you see? Please give me a hand
I can only assume you’re putting the code under the wrong data:post.body. There’s likely to be multiple occurrences of this in your template and you need to locate the one that’s gonna work for you.
hum but i did looked it up like you sid in case i was putting it on the wrong one. i can’t fix it
thnks for the help
Can you try putting the comment box code under post-footer-line-1 instead?
sorry im such a dumb. how do i do it?
Beatriz Subtil recently posted..ROUPA • Blusa Navy PRIMARK
I checked your blog just now and it seems you’ve fixed it already.
is there anyway that i can send you my template html code by email and you could maybe try and see what im doing wrong? i would so appreciate that mate. thnks for all the help
Beatriz Subtil recently posted..ROUPA • Blusa Navy PRIMARK
Alright then.
i just saw it and its working!! thanks for all the help though thanks so much. oh btw ia there anyway to remove the headline that says ”Love to hear what you think!” thanks (sorry for being such a pain)
Beatriz Subtil recently posted..ROUPA • Blusa Navy PRIMARK
hi, i followed the steps exactly but it doesnt work…cand u help me out? adress of the site: http://www.filmetitrate.net/
ps: there was no error message when i saved the template…but when o go to a post i scoll down no fb comment box appears…still waiting for ur help!!!
You put the code under the wrong data:post.body tag. You may try putting the comment box code under post-footer-line-1
Thank Dude, Works Fine, Thank For The Share…..
Funny memes recently posted..meme all
Twitter: Http://www.newmeccarecords.com
says:
I created a comment box and it works great the way I wanted for my customers responsive website . However when I look at in on an iPhone there is white space under the box.. Can you help me make it go away thanks in advance
A white space? I can’t tell what that is unless i see it.
Twitter: Http://www.newmeccarecords.com
says:
Http://www.newmeccarecords.com . Thanks for the reply I was able to figure it out I just added to the div element the following, mobile=”false” and the white space went away.
Twitter: Http://www.newmeccarecords.com
says:
I’m trying to reply on my iPhone and could not see the form boxes correctly sorry bout that
Great! I guess I need to update the article with then.
how do i change the color scheme to “dark” … the tutorial you made is for “light” color scheme
look for this on the code:
width=’400′
then add this after:
colorscheme=”dark”
Velvet recently posted..PUNKOUSTIC at FREEDOM BAR
Twitter: ugojoloms
says:
Hi Don,
Will the Facebook box displace my blogger box?
Will it appear below or above it?
Waiting for your reply please.
Thanks a lot.
Ugochi recently posted..ATTRACTED OR NOT
Hi Ugo,
It will appear above your your default comment box, directly below your posts. It won’t displace your blogger comment box unless you disable that from your settings.
That’s lovely.. Your tut is simplest. It worked like charm… Thanks for sharing.. keep doing the good work,,
Regards,
Noor
http://www.trickshacker.com
Noor recently posted..Amendments Applicable for CA Final May 2013 Examination
perfectly worked thanks homie………..
thanks for your fantastic post, i will try it and back to you if they are any problem
hi dear
Facebook comment box not showing on my blogspot site.
kindly check it
Malik recently posted..چلے بھی آؤ….
Try putting the comment form code under another data:post.body
i implemented what you have said. but i ddnt use XFBML . still it worked ! Excellent Man !
DD
Twitter: Chifine_G
says:
This is great. i love it. well done bro…
Thank you sir
Twitter: faizan_ansari
says:
I had installed facebook comment on my blogspot blog it is http://www.computertweaks.in . It worked fine. Whenever somebody comments using facebook comment I see notifications, and when I click on that notification it takes me to facebook developers moderation page, where I can see all the comments made on my blog. But the problem is: I am not able to distinguish on which particular POST that comment was made. I hope you got my problem. So how to resolve this thing? I mean how would I come to know on which post that comment was made??
Mohammed Faizan Ansari recently posted..Firefox Private Browsing
You have to click on Moderator view on that page, it shows the link on which the comment was made.
Hey Don,
Thanks for this blog.
I followed all your steps rigorously.
But when I tried commenting using it it says you are not logged in.
Please help me out here.
Saba recently posted..വീണ്ടും ചില മഞ്ജു വിശേഷങ്ങള്
Looks like I have goofed up somewhere and I am not able to track it down.
Its funny though that, if i copy the link from the comment button and paste it on another window in the browser I am able to put comments.
for example :
https://www.facebook.com/plugins/comments.php?api_key=&locale=en_US&sdk=joey&channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Df2462420a8%26origin%3Dhttp%253A%252F%252Fwww.jaadathendi.com%252Ff2568ae80c%26domain%3Dwww.jaadathendi.com%26relation%3Dparent.parent&numposts=10&width=450&href=http%3A%2F%2Fwww.jaadathendi.com%2F2013%2F01%2Fblog-post_17.html#
Saba recently posted..വീണ്ടും ചില മഞ്ജു വിശേഷങ്ങള്
I checked your latest blog post and was able to comment on the post without any problem.
Hi! What works for me is to set a time to do blog hopping and blog commenting several times a week even each day. This gives me the opportunity to really know what is trending in my niche and reach out to other bloggers who talk about the same topic. I even share their posts in my social media accounts if I really find their content interesting and useful to my followers.
Twitter: MILLSMUSICENT
says:
thanks bro am using a blogspot mine worked perfectly but it dosent show on mobile what should i do?
Twitter: bollycleavages
says:
Hey, Not Working Bro.
Try So Many Times But no Success.
Finally i Install disqus Widget.
Ashish Christian recently posted..Priyanka Chopra on The Cover of Hello Magazine – February 2013.
Twitter: consultoriayred
says:
Works Perfect!!! You are a genius
Thankyou
thanks for sharing this post, i am searching the how to embed Facebook Comment Box in Blogger. finely get good post, now i used your code on my blog.
way2readonline recently posted..UP Police Recruitment 2013- 24,000 Constable Jobs Online Application Uppolice.up.nic.in
It worked! Thanks
Twitter: atikcse1992
says:
Hey, Bro. Don Caprio:
This post is really helpful for me. I will try to add Facebook comment box on my blogger blog. Thanks for sharing this post with us.
atiqur rahman recently posted..Fixed Floating Vertical Social Share Counters Buttons / Bar for Blogger
Twitter: itzperzonablog
says:
Hi, thanks for sharing this tutorials. i’m wondering, why you are not using this kind of comment box.?
I was using it before but I decided to do away with Facebook comments. It wasn’t easy trying to moderate both Facebook comments and default WP comments at once cuz I get loads of comments here.
O.M.G!!!!… It works like a magic. You can view my site to see how it looks so fit meritword.blogspot.com
Pls. I want the facebook comment to be under the shearing icon. How can I do that??? pls view my site to see what I am talking about. Thank you in advance http://meritword.blogspot.com/2013/02/be-swift-to-hear-slow-to-speak.html
Hassan recently posted..Be swift to, hear, slow to speak
It’s quite possible but you have to locate the share buttons code within the template and paste the comment form code right under it.
Twitter: pikcher_mania
says:
Waowww…
Superb Man.!!! it was So easy to enable facebook comments on a Blog…Really Simple.Thank You Don…You actually made it easy..thank’s
Check out My Blog & let me know comment box working fine or not.
GOD BLESS.
Mubi Rana recently posted..Bmw i8 Concept
Hi there,
Is it possible to control the thumbnail image that gets displayed on facebook walls when commenting?
Caryn recently posted..Macarons
Yes, you have to specify an open graph meta tag for the image in your site’s head section:
<meta property="og:image" content="http://www.xyz.com/image.jpg"/>
Thank you for replying!! I’ll try it now
Caryn recently posted..Turkish Delights
Heeee!!!!!!! I can’t believe I did this….
Hassan recently posted..Defeating Goliath
Hi this is a bit off topic but is there any way to add a comment box to blogger similar to the one you have here. I looked at commentluv and see that it is only for wordpress. Do you know of anything similar that would work on Blogger. I’m not a fan of their drop down menu on the comment box
oops…I just realize commentluv is an ap for sharing post . Anyway, to clarify, What I’m looking for is a comment box where, readers can just type in their name (like yours) instead of the drop down where they have to sign in through another account.
You may try disqus, Helen. I’ve seen a lot of people on Blogger platform using it.
Thanks so much! I’ll give it a try.
Thank you very much for the step-by-step tutorial. Your post is the best on the web on this subject. Nigerians are definitely the best educators!!! Proud of ya. I also own a blog dedicated to the learning of CAD (and obviously it’s the only Nigerian blog on this subject). Please tell me what you think about the blog. Thank you. http://inventortutorials.blogspot.com
Ndianabasi Udonkang recently posted..Using the Sweep Tool (Swept Feature)
This tricks doesn’t working for me…
Komol recently posted..How to add stylish share buttons to blogspot blog
i get this ereo please try to help me
when someone comment on posti get this
this comment has not yet been published to facebook. publish comment
I’m getting the same message, and have to confirm twice before having the message publish to facebook page.
“This comment has not yet been published to Facebook. Publish Comment”.
Sara, were you able to handle it?
Couldn’t anyone else help us on that? Don?
I never experiencd such issue. Did you change the settings to have comments approved before being published?
Thanks for your quick response.
The posts are made public by default, and I seem to have made any important changes. I’ll start it over again so maybe I can fix something that could’ve gone wrong in the way.
Twitter: vivekmishra21
says:
I want to add 2 comment box on my blogger blog one is Facebook and other is like comment luv what to do can you give me suggestion.
vivek recently posted..TEST CRICKET WILL ‘DIE’ AFTER SACHIN TENDULKAR’S RETIREMENT: ARJUNA RANATUNGA
Pls Don Caprio, I want It to show on mobile view…. How will I do that??? Pls Help
Hassan recently posted..Stand firm in God
Twitter: SamuelSIbrahim
says:
Caprio, you are the Don men! Thanks a lot. I have been trying to add the Facebook to my blogger for quite sometime now, but finally with you outstanding expertise I am good. Thanks again. *taking off my hat for the Don*
Twitter: chairil kaka
says:
i like your artikel
Thank you for this useful tutorial. It works on my blog -http://newschest.blogspot.com/.
Rockbleeder recently posted..Readers and Fellow Bloggers: Join Dahlia Giveaway
Twitter: googlai
says:
Thank you for this great information. it is really helpful for me to modify my blog. i appreciate your contribution.
Googma Sansar recently posted..Social Media Optimization (SMO) Strategy
Hi,
What plugin do you use for showing the php/html/java/code like you did on this page?
tudor mateescu recently posted..Expert Mark DUO – Pentru Expertul Din Tine
I’m not actually using any plugin for that. I only need to parse the code here, use HTML editor while composing and give it that background using a pre-defined style in the CSS.
Hey!
It doesn’t work for me.
I tried both the s and the .
Help!
GarlicPickle recently posted..In The Sky With Diamonds
You may have to re-check that all the codes were added correctly and try putting the last piece of code under post-footer-line-1 if you’re not sure which data:post.body to use.
Thanks a lot!
GarlicPickle recently posted..In The Sky With Diamonds
Sorry, I mean I tried both the “data:post.body”s and the “”
GarlicPickle recently posted..In The Sky With Diamonds
In some templates, you may have to try all the data:post.body’s to know which one works. So far the other codes are in place, it’s gotta work.
Still no luck. Followed the steps and tried both the data:post bodys as well as post-footer-line1.
Could it be because of this code I inserted for the facebook like button under div:post.body? (removed the angle brackets so it appears in the comment)
b:if cond=’data:blog.pageType != "static_page"’
iframe allowTransparency=’true’ expr:src=’"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=62"’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:55px; height:62px;’/
/b:if
GarlicPickle recently posted..A Pictorial Guide To Stashing Away Scents
No, it shouldn’t be the reason. Does that Facebook like button appear? Can you put the commment box code right under it too? If it doesn’t show up with that despite the like button still showin, then something is definitely wrong with the rest of the code or where you placed them.
Thanks a lot buddy! I needed to insert the code step by step for 3 times because it wasn’t working on me, but finally I tried to post the part under:
instead of:
and everything worked perfect!
Thanks a lot!
Glad it worked for you!
Twitter: googlai
says:
Thank you for great tutorial. It is really helful for me to install this pluging to my blog. I appreciate contribution.
Seonep recently posted..70 ways to Get More Website Traffic to Your site
Twitter: tha_yunggenius
says:
didn’t work for me followed all the steps… using ur ex-blogger theme… and the “xmlns:fb=’http://www.facebook.com/2008/fbml’” is already in the theme buh far from <html tried re-arranging it buh it didn't work.. any help??
wilson recently posted..Glo BIS now Back and Better… Working on Phone/PC
So far it’s within that tag, it’s gonna work. you don’t need to re-arrange it.
This is a real bummer but it didn’t work for me and actually messed up my coding =( Can you help me???
It really works. you may need to go over the steps more careful but it sure does work.
Twitter: stevedoesitall
says:
This works great. Thank you so much! One question: Is there a way to add it to static pages and the homepage? The comment will appear if I go to the post link, but it’s not under the homepage post.
Steve Giordano recently posted..Empowered: Act 1, Part 5
You only need to go to step 2 iv.
Remove these:
<b:if cond='data:blog.pageType == "item"'>(first line) and</b:if>(last line)Twitter: stevedoesitall
says:
Perfect! You rock. Thanks so much.
Thank you for this tutorial. I want to try fb-comment in google site also. But unlike blogspot google site does not allow me to edit complete html.. Is it possible to follow above steps in google site?
I really don’t know exactly how google site works but if you have no control over HTML editing, I’m not sure you can use it there, Besides, this tutorial is strictly for Blogger.
Twitter: upal_
says:
For Google Sites integrating FB comment is very easy. Go to Edit HTML and before tag place the following code…
remeber to replace ‘upalc’ with your FB ID.
I’m wondering if there’s any way to integrate your FB comment box with the preset blogger comment box? On my site, focusonthebeer.com, I now have two comment boxes and I’m hoping just to have one. I wouldn’t mind just having yours but people can’t comment anonymously, or through google, or a variety of other options. Is there a way to have these options?
Unless you disable the default Blogger comment box from your dashboard. Facebook comment box also provide a few options for those not signed in to Facebook.
hi!
I love this tutorial and made it work. I have one question though, when I get a notification on my facebook it only brings me to the moderation page on facebook not the page where they commented.
thanks!
That’s where you’ll be brought to. To know the particular post where the comment was made, click on Moderator view.
thank you very much for the help and fast reply
andom blogger recently posted..IG (Insanely Great) model RG nu Gundam conversion parts
Twitter: upal_
says:
I tried to integrate this on http://stories.jolchobi.com …but it is not working !!! Is it because I am using advanced mode or I have not been able to complete the last part of integration properly ?
I can see some share buttons below your posts so I guess there’s probably a problem implementing the last part of the code that’s supposed to be under data:post.body.
Have you tried putting it before or after those share buttons?
Thanks so much for this tutorial. It was all working fine till I had to find this For some reason it’s not in my html? What do I do? Thanks in advance!
()
that is what it had a hard time finding. Sorry it didn’t show on my comment.
And it didn’t show again so sorry! It’s step iv.
You mean data:post.body? It has to be in the template unless you didn’t check “Expand widget template”
Twitter: islamicspeaks
says:
This is Good Plugin and u explained in very detail
thanks for your Post…
Now days a new Plugin come across and thats too much awesome, With Facebook, Twitter, G+ and other Social Services. You can check by clicking below link
http://www.thetrickslab.com/2013/03/how-to-add-smooth-comment-widget-to.html
The Tricks Lab
Hey, great post and it really helped me get the facebook comments working on my blog. I wanted to get some SEO out of it but the iframe issues made this impossible and, of course, the only way I could find to pull the text of the comments was through php scripts (which blogger doesn’t support). Soooo, i wrote a php script and threw it on my server and then called it as an object on my blogger template and viola! – it worked. In kind, I thought I’d share it with you and maybe add a little value to your already great post. Just paste this code in your blogger template above or below the commenting code and it should be good to go. If you want to view the results just remove the div tags and give the object some width/height parameters. Hope this helps some of you!
One more note, the php script grabs the referring URL so it should work for any and all posts/pages dynamically – I thought that was a nice touch
One final note, I AM NOT a programmer so this isn’t the prettiest thing in the world, but it works great…
just realized the code didn’t paste… here it is:
<!– BEGIN Graph API comment pull and text insertion in an invisible div for SEO purposes –>
<div class='separator' style='clear: both; display: none; text-align: center;'><object data='http://sukithookahs.com/get_comment_text.php' height='60px' type='text/html' width='450px'>
</object></div>
<!– END Graph API comment pull and text insertion in an invisible div for SEO purposes –>
sorry, now I noticed a type
<!– BEGIN Graph API comment pull and text insertion in an invisible div for SEO purposes –> <div class=’separator’ style=’clear: both; display: none; text-align: center;’><object data=’http://sukithookahs.com/get_comment_text.php’ height=’60px’ type=’text/html’ width=’450 px’> </object></div> <!– END Graph API comment pull and text insertion in an invisible div for SEO purposes –>
Got the idea, JP. Thanks for the great addition. But mind if I take a look at the original PHP file?
sure, where would you like me to email it?
caprio (at) capriofiles (dot) com
Great idea, JP. Never thought of that. Thanks for the addition!
Twitter: 4fried
says:
hi don. i followed your instructions and examples but not seeing comment box. not sure what i did wrong. can you assist? thanks, dk.
You can try putting it under another data:post.body if the one you used isn’t working.
Twitter: 4fried
says:
hmmmm, i found two and tried it under each and still no show. i found one and tried there too. still nothing. any other thoughts? thanks for your help!
Twitter: 4fried
says:
working! thanks.
do you know if it’s possible to have these comments also show up on the blog’s facebook page instead of my personal page?
hungry recently posted..FEED
Twitter: 4fried
says:
hi don. it was working. can you take a look at my site and give me your thoughts on what’s going on? thanks.
hungry recently posted..FEED
I checked now and saw it’s already there. you got it working already.
Twitter: Myhox
says:
Hi Don !
Thank you for haring an excellent ideas to installed Facebook Comment Box and notification Plugin. It will try to my blog.
TheBestSEO recently posted..How to Optimize your Hubpages – The Essential Guide
Thanks alot… this is working Fine… i won’t remove Credit link
god bless you
Twitter: Mrs_Cute_Girl
says:
Hello..
Really Nice box and all working fine.
Can you help me 1 thing please… to make appear at home page fb comment box ( under pic same with social share). Thanks for your time and great job.
http://wesharefunny.blogspot.com/
jaratsee recently posted..Bud Light’s new widemouth can
You only need to go to step 2 iv.
Remove these:
<b:if cond='data:blog.pageType == "item"'>(first line)and
</b:if>(last line)Twitter: Mrs_Cute_Girl
says:
Thanks alot Don,
all perfect working.
jaratsee recently posted..Bud Light’s new widemouth can
Thank you for this great tool! I have it working on the simpler of my blogs (static) as a trial. My only concern is having both the Facebook and the standard Blooger comment box showing up. Is this supposed to happen?
Also, my standard FB [LIKE} widget has stopped displaying. What would cause this?
Alberto Rodriguez recently posted..Your Comments, please / Sus Comentarios, por favor
Hi Alberto,
Having both comment boxes appearing isn’t a problem but if you’re not comfortable with it, you can disable the default blogger comment box from your Blogger dashboard.
For the FB like, are you using the iFrame version? or XFBML?
I will leave both boxes. About the blank widget, I found the App Id missing in one location. Fixed it and facepile is now working fine. Thanks!
Alberto Rodriguez recently posted..Your Comments / Sus Comentarios
Hey, Thanks man! it is working perfectly fine for my blog
Sef Cruz recently posted..Build Your Network in Blog Commenting Through G+ and FB
Hi, Don. Thanks for this tutorial. However, I’ve tried all the steps but still it didn’t work out on my blog. Is there something that I’ve missed or wronged to follow here? I hope you could help me out. Thank you.
Rob recently posted..The Bachelor’s Search
Hi,
I’m pretty new to blogging and tried this on my blog but it just didn’t work. There are no error messages but the Facebook comment option just doesn’t come on the blog. I had a bit of trouble with the 4th part of the code.
I have 3 of this – data:post.body code
and 2 of the footer code.
I tried copying your code below the second footer code and also below the third data:post,body code. But nothing seems to work.
Pls help me out.
Thanks
Dee
Can you try the other two data:post.body’s?
I actually copied it after all three data:post.body.
No luck
Dee recently posted..Sugar-Free Crunchy Almond Cookies
Twitter: sikarlive
says:
nice post and large traffice generator THANKS
manu recently posted..JEE Main Answer Key 2013, JEE Main 2013 Paper 1 2 Answer Key
REALLY you are a advanced blogger thanks for this plugin
aditya recently posted..wach ipl 6 on sony six live streaming in hindi live Sony Six Live Stream Online | Sony Six Live HD Quality | Watch Sony Six Live streaming Online | IPL 6 on Sony Six
i followed all instructions, but comment box isnt showing on my mobile… what should ido next to have it apply when viewing blog on mobile
Like other blogger widgets, it won’t show on mobile except on the full version.
Nice tutorial, but facebook comment box is not showing when view with mobile
I tried this earlier today, and the code worked fine – then I guess I had too many different blogger code windows open, so I must have shut down the wrong one….code was gone except for the css styling box for FB comments. I can not get this to work on my blog again, but I did notice that blogger reverts characters to ascii (or whatever it means when the ‘ mark becomes ' ) and absolutely will not save the code as it is copied and then pasted. I realize this is likely a blogger issue rather than an issue with the code, but I even pasted it with the “characters” all typed out and it still won’t show on my blog. Any suggestions?
Also, when I do get this working again: is there a way to get the FB comment box right under the blogger comment box, and not directly underneath the post itself? Thank you for sharing your code, and for any help you can give me!
Kim recently posted..Test post
I can only suggest you clear all edits and try again. Better still, if you saved your template before making those changes, you can restore the backup and try the steps all over again.
It’s quite possible to place it under the default Blogger comment box but I’ve never tried it before. The last part of the code that’s supposed to go under data:post.body can be placed before
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>Thank you so much for your quick response! I will definitely try this again, because I’d love to have it on my blog
Kim recently posted..Test post
Cleared everything out; thanks again so much for trying to help! Unfortunately, blogger will absolutely not save any code as I have copy/pasted it, and the needed things like the apostrophes or single quotations turn into four characters – AGAIN. Ugh.
Kim recently posted..Test post
Thanks so much for your help getting the facebook commenting onto my blog! I’m just wondering what to do about the default blogger comment box that is still left underneath the facebook? Seems a little odd to have both still ;P Any help you can provide is GREATLY appreciated!
hey thanks so much for the tutorial! its great… on step 3, I cant figure out how to turn on comments? When I click on settings in facebook it just says loading forever? any tips?
thanks!
taylor
Taylor recently posted..Surfer Slacks
Great, thanks, it worked perfectly.
Hello Don,
I used your instructions about 3 months ago and comment box worked perfectly all this time. THANK YOU! Now last couple of posts keep getting strange message “unreachable” inside the comment box. I would appreciate your advice if it’s possible to fix it.
And one more quick question. How can I change the language on my “like” button?
Thank you
Ieva
Sorry, I forgot the link to my blog, so you can see what I mean http://lieknek-lengvai.blogspot.co.uk/
Try to debug the URL of the new posts here to let Facebook access them quicker: https://developers.facebook.com/tools/debug
Changing the like button language depends on the version of the button you’re using. Check this page: https://developers.facebook.com/docs/reference/plugins/like/ It explains hot to change the language.
You can get the right language code here: http://facebook.com/translations/FacebookLocales.xml
Twitter: Julia_Al_Arab
says:
I don’t get any notifications for the comments I did all the steps as mentioned!!
Julia Al Arab recently posted..KFC Chicken Crispy Strips
Twitter: Julia_Al_Arab
says:
Sorry I missed something, the settings in the comments tool don’t open, I tried using another browser but I only got a banner titled “Edit Comment Settings” with save and cancel buttons and no settings inside!!
Julia Al Arab recently posted..Penne Arrabiata with Delicious Chicken
That’s rather strange. It’s supposed to appear.
Twitter: Julia_Al_Arab
says:
Well I tried again today and I chose the moderator and still didn’t get notifications
Julia Al Arab recently posted..Oatmeal Pancakes with Molasses & Tahini
Twitter: danalaymon
says:
Hi, I followed these directions but don’t see the comment box on my blog. can you tell what i’m doing wrong? when i go to the moderater site for the comments i can see posts people made through facebook but not sure why I can’t see it on my blog: http://www.danalaymonphotographyblog.com. thanks!
Twitter: ErilSaputra
says:
bro, it didn’t appear on my site
but there’s an empty space under my post….
PLEASE SHARE YOUR WISDOM, I’M NEW AT THIS BLOGGING STUFF
eril recently posted..Morning Randomness
I saw the white space but on checking your source code, all I see is a lot of line break tags. This sure works unless you’re doing something wrong. Maybe you can restore your backed up template and try again.
Twitter: maureen4all
says:
thanks bro, it realy work for me. since i hv been finding it difficult to install it in my site, untill i found it here, u realy solve my problem,
Denco recently posted..How to reduce/minimize spending
Twitter: setyablogger
says:
Hi doncaprio, thanks for your article. Btw, How do if I want to restrict comments that appear? thx
Erakata.com recently posted..Gambar Animasi Bergerak Lucu
You may only be able to do that from the moderation page on Facebook.
it is really great tips ….i follow ur tips …
Thank you for this tutorial! This will help me a lot to gain more comments in my blog post! Others prefer facebook comment because it is easier to use.
Twitter: confess2carol
says:
Hi there, just a quick question before I try to do this, will this tutorial work if I am using a dynamic template? And could you maybe just peek at my site to see if you think it will work with my current template. Thank you in advance.
Carol King recently posted..Confession #24 – My Husband is Sneaking Out of Our Bed at Night
I don’t know if it’ll work on a dynamic template but I’m very sure it’ll work on that mobile responsive template you have.
nice post very useful for me thanks
why the facebook comment box only show in my old blog post
didn’t show in my new post (post after add the comment box)
Please help me !
thanks you!
http://www.joliediary.com
Jolie recently posted..I want participate Bag of Love Unboxing Tea Party at Delectable Su
Hi Jolie,
I check your latest posts and the comment box appears here.
Twitter: confess2carol
says:
Hi Don, thanks so much for looking at my site. I do have one more question, when I click your link to go to the Facebook Developer page, it is totally different from the page you show in your tutorial and there is no option to “create an app”. Has the link to the page changed and if so can you post the new link, thanks again.
Carol King recently posted..Confession #24 – My Husband is Sneaking Out of Our Bed at Night
It’s gonna be different if you’ve never created an application before but you will eventually come to that page. The link is still the same but I guess you need to first sign up to become a developer.
Twitter: inebell985
says:
this article having uniqueness and helpful for me……….
Interior Designer recently posted..Design Trends 2013
Twitter: CMVetrano
says:
Hey, I added the comment box and it was working well but I am not getting notifications on Facebook when someone comments. Any ideas?
Twitter: rebeccacarter
says:
Same problem here.
Rebecca recently posted..Fevers Have Made My Kids Healthier
same problem to me on blogger and unfortunately no answer from don caprio…..
kosliv recently posted..Με τις Σουηδέζες κι ότι κάτσει…
So far you added yourself as a moderator, you should see the comment notifications. Is still works for sure.
Don Caprio recently posted..Steganos Online Shield 365 Review: Online Security & Privacy Software
Unfortunately it doesn’t work at all……………;-(
You won’t get notified if you commented yourself. I just left a comment on your latest article. So far you added yurself as moderator, I still maintain that you should get notified.
its not showing on my blog
help meeeeeeeeeeeeeeeeeee
whay ?
Twitter: danalaymon
says:
Is there any way to have the facebook comments box appear if they are on the blog homepage and not on a post? You can only see the facebook comments option if you have clicked on a post link. thanks!
Twitter: JunaidTahir
says:
Hi Don,
Your tutorial is really very clear and elaborative; indeed a well written article.
I implemented it on my blog but it is not working.
Just to mention
my original blogspost address is paradigmwisdom.blogspot.com and I have a domain http://www.DailyTenMinutes.com. This domain is actually a mirror of my blogspot.
While making my facebook app, I mentioned http://www.DailyTenMinutes.com
do you suggest making a new facebook app with paradigmwisdom.blogspot.com?
Thanks bro
Junaid
UAE
Hi Junaid,
Since the main site is http://www.dailytenminutes.com, the domain should be dailytenminutes.com while the URL should be http://www.dailytenminutes.com for the Facebook app.
If you did all the steps and the comment box isn’t yet showing up, you can check step 4 and try other data:post.body tags in the template.
For some reason the comments have moved to the right when it was centered whY?
Please check the update. I’ve written a fix for this.
Hello, thank you for sharing this. I implemented in February and it was all working fine. However, today I noticed that the comments have shifted to the right and no longer fits in the FB comment “box.” Any ideas on how I can fix this? Thank you so much.
Maria recently posted..Frequently Asked Questions
Hi Maria,
I just updated the post with the code to fix the issue. Please do check and let me know if it’s working.
Thank you. For some reason I couldn’t find the old codes to replace, but it looks like the problem fixed itself now. Everything looks back to normal without me changing anything.
Thank you again.
Maria recently posted..Frequently Asked Questions
Yes, I think so. I checked your blog now and the widget looks properly aligned.
Hello Don,
I have added your app on my site a long time ago and I didn’t have any problems. Although today I saw that the comment box moved right for no reason. Check it out if you please! http://www.asudotoi.gr/2013/04/blog-post_7834.html
It is the same on every post! How can I fix that? Why is tha happening?
Twitter: mybooksnthings
says:
I have the exact same problem… Its been working great until i noticed this today. The main outter box is still ok but the actual comment box inside it has shifted to the right and I can’t seem to find a problem in the code that could have caused this.. any help would be muchly appreciated.
http://www.mybooksnthings.com
linsey recently posted..Cover Reveal: Sacrifice – A Fall For Me Prequel (The Tate Chronicles Bk 0.5) by K.A. Last
Hi,
Thanks for letting me know about this. I just updated the post with the fix for this issue. Please let me know if it’s working for you.
Thanks!
Twitter: mybooksnthings
says:
Hey Don.. This has very nearly fixed the problem for me. The only thing now is that it isn’t quite centering it, it’s slightly to the left now and in the code the p align tag doesn’t seem to want to close. (it’s red) have been staring at it for about 40 mins now and can’t seem to see why. Don’t know if it’s just me. But ive fiddled with the width and got it to fit neatly.
Thanks for fixing so quickly :0)
linsey recently posted..UK Cover Reveal For Daylighters (Morganville Vampires Bk 15)
Problem solved! Thank you!
Twitter: sudhakar_maran
says:
here is the solution to
Error parsing XML, line 4, column 290: Attribute “xmlns:fb” was already specified for element “html problem visit this below link
http://www.howtoread.co.in/2013/04/facebook-recommendation-bar-parsing-error-solution.html
Twitter: rnhckr
says:
Notification is not working Why Please Help Me..
Hey! Despite following the instructions properly, there is no notification for the comments posted. The first time I had installed, there was no notification but suddenly one day I started getting notifications and now they have stopped again. I removed it and did it again, but no notifications
Arti Honrao recently posted..walking away
This looks like a problem with Facebook. I’m yet to find a fix for it but will post an update when there’s one.
Twitter: mybooksnthings
says:
Hi.. I’m not getting any notifications when someone comments anymore. Googled the problem, seems to be a very common issue but cant find a reason. It used to work fine. Any ideas?
linsey recently posted..EXCITING Cover Reveal, Synopsis & Excerpt: Up From The Grave (Night Huntress #7) by Jeaniene Frost
Perhaps it’s a problem with Facebook or something. It used to work but a lot of people now complain the notification isn’t coming anymore. I’m yet to find a fix for this.
Twitter: mybooksnthings
says:
Yes. I was thinking the same thing as I haven’t come across any fix either. I’ll keep checking back here just in case. Hopefully, if it is a facebook issue then they’ll sort it out asap.
linsey recently posted..REVIEW: Dark Light (Dark Light #1) by S.L. Jennings
fb don’t notify me
please help. i do fallow all step properly.
thank you Don Caprio the Facebook comment box is working in my blog. This article will help more blogger to get more visitors.
SRIKANTH recently posted..Beauty and the Beast – Beauty to Ugly
Thank your for the post with so clear instruction. I will try it on my game news blog.
Hung recently posted..The Mummy Online (Review)
hey Don,
Im wanting to install this last bit of coding but just one question. Why are your urls in the final coding??
That is only to promote the widget and help more people find it. Of course, you can remove it if you like but there’s no harm keeping the credit anyway.
Twitter: SSChild23
says:
thank you so much
it works perfectly 
Simon Child recently posted..Narkoba Termahal di Dunia
It’s a success… Thanks for the guide. However, fail in attempts to change the width.
rahmat tahir recently posted..Fun Car Flash Game – List 1
Twitter: Mrs_Cute_Girl
says:
Hello again Don,
I changed my template and not working Facebook comment box anymore, i do all the steps again at new. Please help me again Don. THANKS
jaratsee recently posted..great movie gif
Great guidance with superb images, i m impress with your given facebook app application development guidelines.
Twitter: Mrs_Cute_Girl
says:
any update please
jaratsee recently posted..dance with me
Dear Its not work in my Side
how if i forget my app id ?
IndoPhotoshop recently posted..memanipulasi gambar seseorang menjadi botak
thank you it works for me
-
Hashem recently posted..نيزك يرتطم بالقمر ويسبب انفجارًا يعادل 5 أطنان متفجرات
this works only for one of my websites, for the other one it seems not be working, they are both on blogger….I don’t understand why
Twitter: sarahbinney
says:
Hi,
I did this and it worked but when I tried to implement update 1 to get the comment box on the homepage it didn’t work anymore. So I repasted the original code to get the box on the blog posts but it won’t work anymore even though I’m following the exact same steps. Any ideas?
Sarah
Sarah Binney recently posted..ONE WAY STREET PARTY SURFERS PARADISE
Hi,
If you backed up your template before implementing the codes, I suggest you restore the backup and then try the steps all over again. Something must have went wrong while replacing the code.
Twitter: sarahbinney
says:
I figured it out. One of the lines of code I was supposed to find occurred twice. I was putting it in the wrong spot. Thank you so much for such a detailed tutorial!!
Sarah
Sarah Binney recently posted..ONE WAY STREET PARTY SURFERS PARADISE
Twitter: ShanKamley
says:
sir, i put those codes as u directed,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,but its not showing comments…please help
funnbooks recently posted..Controversially Yours By Shoaib Akhtar
Thanks so much for this! It was an easy to follow tutorial
Hi, I used this code for my two blogs and it worked perfectly – until some time ago (I’m guessing a month or so). I get no notifications regarding new comments. Moreover, on the developer tab on my FB page I got some notifications about these apps not being compliant with some changes that will take place in July 2013. I have absolutely no idea what to do to fix the apps. It would be really lovely if you could take a look at it. Thanks!
Hi Anna,
I’m yet to find a fix for the notifications.
Twitter: not_so_supermom
says:
Great post but not working for me either! Followed your instructions to the letter and no go. And somehow I have ended up with an AdSense ad embedded in my posts? WEIRD!
BTW, I COULD get the comment box to show up as a banner gadget at the bottom of my home page or on the sidebars, but never under the posts. What gives? Any help.info is appreciated!
notsosupermomconfessions recently posted..Around the Block
Twitter: not_so_supermom
says:
Also, I did restore previous template and STILL AdSense ad embedded. UGH!!
I’m sure you’ve tried other things on your template that resulted in those Adsense ads, not the code in the post. I would never stoop so low as to embedded an Adsense code in my widget.
Anyway, I checked your blog to see what’s stopping the comment from showing but I can see you have a different widget already.
Twitter: phamhuudu
says:
Hello Don Caprio, your code is too much, how can shorten it?
No, it can’t be shortened.
Twitter: bestofshayari1
says:
comments widget should be awesome like yours because it helps in building relationship with readers and engaging conversation ,many of the top bloggers like you have written about it and also give importance to it.thanks for sharing.
Widget For Blogger recently posted..Coca Cola Email Subscription Box Widget For Blogger Above Comments
This article is having uniqueness and is helpful . I have posted some tutorials on my blog and i hope, my tutorials will clear your remaining issues related to “Facebook Comment Box” .
It’s works and alive … thanks bro!
Hello there I have the comment box on my other website which works fine. But I have tried to add it to the new website I have made and it does not come up for some reason, do you know why mate??
craig recently posted..55ft snake
You’re pebably adding it under the wrong data:post.body
Comment box is working fine…bt Im nt getting any notifications…
Nice work..
Athira recently posted..Sky is Clear Here!!!