Add Facebook Comment Box for Blogger with Notifications

The Facebook comment box is one of the top Facebook plugins that are used on many websites and blogs. Facebook comment box has become a strategy to increase the quality comments and user engagement. When you are using the Facebook comment box on your website, you can reduce spam comments and maintain the quality of your comments. Another thing is, Facebook allows people to share their comments to their timeline.

So, if you have installed Facebook comment box on your BlogSpot blog, you can expect some decent traffic from those comments too.

Luckily for you now search engines, especially Google can crawl content in Facebook comments.

What that means to you?

When your blog get more comments, search engines will crawl the content within comments and add them to search index. So, your blog will get more traffic from search engines to your blog.

That’s a very good, right?

Yes, as normally Facebook comments get more engagements, you can expect increase in traffic in upcoming days. But, it is not guaranteed.

In an earlier post, I shared a detailed post about adding a Facebook comment box to Blogger with notifications enabled. That post got a number of comments when Facebook decided to change their design. The many Bloggers’ main problem was how to create a Facebook app and add a Facebook comment box to Blogger.

So, I decide to take all those steps in my shoulder and show you exactly how to add Facebook comments to BlogSpot blogs.

Therefore, in this tutorial, I will explain you how to add a new Facebook comment box to Blogger with notifications. At the end of this tutorial, you’d be able to add Facebook comment box to your BlogSpot blog and see how i received notifications in my demo blog within a few seconds.

I know you’re a Facebook lover just like me. How will it look like when you receive notifications whenever someone leave a comment on your blog? Yes, you can immediately respond to comments, right?

Whenever someone comments on your blog, one notification for the comment would be sent to your Facebook account or any one’s account who is the comment moderator. So, you can use this feature to moderate comments and reply to comments quickly.

Moderate comments (optional, the later part after adding a Facebook comment box)

I will be explaining these parts step by step.

Create a Facebook App

Before Facebook new design, it was easier to create an app. But after their new design, it was a difficult work to create a new Facebook app for some people. Follow below instructions respectively to create your app.

Go to Facebook developer apps official web page and click on “Create New App” button.

Alternatively, you can click on “Apps” menu link and select on “Create a New App” button.

Use one of these buttons to start creating a Facebook App.

Now you would see a pop out box to create the Facebook app. Type the name or your website name on the “Display Name” field. Also, you can add a namespace (Link to your app), but it’s optional. After you entered unique names, you can go to the next step by clicking on “Create” button. Don’t worry about below screenshot. I have installed the Hootsuite chrome extension to manage all my social accounts! (Yes, including Facebook)

Fill the details as like this example

After you created your new Facebook App, you can change its settings to see everyone. After Facebook’s latest update they have changed their user settings too. For some instances, you can’t see the App secret ID directly (you have to enter your Facebook password to see it) and they have a clear button to promote your App through Facebook advertising. You only want the APP ID, which you can see from the app’s dashboard page.

Now you should do one thing in order to connect new Facebook app with your website or blog (here we’re going to add your BlogSpot blog).

Click on “+Add Platform” button and then select “Website”. Type your blog address correctly starting with http:// or https://( if you use SSL encryption) and ending with / (slash) for the Site URL field as shown in below screenshot. Type the same URL for mobile Site URL, if you’re using a responsive template for your BlogSpot blog. The last steps of configuring the Facebook App are making it live and available to all users. Type your email address in the “Contact Email” field. Then click on “Save Changes” button.

Facebook App settings for website

Now navigate to “Status & Review” section and select the “Yes” for “Do you want to make this app and all its live features available to the general public?” A popup box will be shown, confirm your change.

App Status & Review

Go to your Dashboard and save the app id and app secret on your computer. We need them later.

Add Facebook comment box to Blogger

Now you created a new Facebook app for your Blog. Then you need to install the Facebook comment box on your blog. So follow below few steps respectively.

Step 1: Sign in to your Blogger account and go to Template.Step 2: Now you have to make some changes to your blog template. So before we put into it, first of all make a backup of your existing blog template. Then click on “Edit HTML” button.Step 3: Find this “<html” code in your template and in front of this code, paste below code.

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

Make sure to add a space before and after the above code. See the example below.

Make sure that you changed the MY APPLICATION ID HERE with your real application ID.

Step 6: Now you’re half done. You just need to display Facebook comment box on your blog. You can put the Facebook comment box in your post and static pages manually. But it’s not an easy work to add a Facebook comment box to whole pages manually (think if you have 1000+ posts on your blog, do you use this method to add comment box?). So we use an automatic technique to add the Facebook comment box. It’s done from template editor. So you have to do nothing from post editor. Find below blogger data tag in your template.

<data:post.body/>

or

<p><data:post.body/></p>

If you’re using a magazine blogger template, you will encounter two or three similar codes. As using a wrong <data:post.body/> code, Facebook comment box might not work on your blog. So try all code paces and choose the correct one. In case if you’re not sure which code to add or didn’t work that method, then find below HTML code in your template.

<div class=’post-footer-line post-footer-line-1′>

or

<p class=’post-footer-line post-footer-line-1′>

Step 7: Now paste one of pieces of HTML codes of Facebook comment boxes just below of the above codes.

Generally the Facebook comment box would appear on post and stationary pages. Stationary or static pages are stand alone pages which won’t add to archives. Usually Static pages are best to add contact form to Blogger, create About page etc. So if you don’t want to display Facebook comment box on static pages, please remove above first and last two conditional code lines.

If your Blogger template is not a magazine template or designed for showing whole content in home page, so you can display Facebook comment box on your blog home page or archive pages too. Just remove above highlighted codes.

You can change the background and font colors by changing their color values.

I have set up the width of comment box to 450 pixels. If you want to change the width to 500 pixels, so update the value to 500 instead 450. Also you can remove the width=’450‘ CSS code and then Facebook comment box will adapt to the device’s screen resolution. Remember by adding an over-riding value for the width of the Facebook comment box, it can mess up your blog template.

Additionally, you can add your own call to action instead of “Spread out Your Opinions” and “Share your thoughts using below comment form!”.

Step 8: Most important part of this tutorial, Save your Blogger template!

Enable notifications for comments

Now you are already done almost every hardest work! You can overlook these steps if you don’t want to receive notifications for comments & replies and make some useful changes such as enabling grammar filter, member wishlisting etc. But this tutorial is for receiving notifications for comments. (That’s why we created a Facebook App!). In the last part of this tutorial, let’s see how to enable notifications for comments.

Now a pop out box would be shown and you can change some settings. Make yourself as a moderator (important to receive comment notifications). Allow other options to login and comment on your blog. Set grammar filter to maintain the comment quality. Use comment composer to reduce the page loading time. See below screenshot. After making these changes, click on “Save” button.

Comment settings

That’s all. Whenever someone comments on your blog, you will receive notifications for the comments to your Facebook account. Tell a friend to comment on your blog to see the results! Here is the notification message for my test comment which is put on our demo website.

Here is the notification for my recent comment

Need help?

I explained on my best to show you how to add Facebook comment box to and receive notifications for each of comment your loyal readers put on your blog.

During past two years, i helped hundreds of BlogSpot bloggers to set up Facebook comment box on your websites.

As you see, this post alone has got 150+ comments. In fact, i couldn’t count the number of emails and Facebook messages i received to help you for adding facebook comment plugin for Blogger platform.

But, things now have been changed. From SEO aspects to site design, i have to block new comments on this page.

But, i didn’t forget you! You can still hire me for setting up Facebook comments on your blog.

Chamal Rathnayaka

As the founder of Pitiya Internet Marketing blog, I make sure every content I share on this site is helpful and you get something out of them. To stay connected with me and receive latest blog posts, exclusive content,
and offers, sign up for Pitiya newsletter.

If you follow the instructions and it gives you errors when trying to save the template, it is because the pasted html has a different font to that in the Blogger template window…… …specifically the single and double quotation marks….this fixed the save issue….and comments worked for me (but not notifications)

I also don’t like the fact that when someone comments, Blogger tries to force them create a Google plus account, or use a temp Blogger account…it would have been nice if it let them use their Facebook id.

Wow. Its working now. I was facing problem about it. Now my problem is solved. What a solution it is! just aw-sum. Thanks for sharing your valuable experience. Waiting for another one. Again i will visit here.

Hi! I am pretty sure I followed your instructions to the T, however, the facebook comment box is not appearing on my blog. AnnaMedBella.blogspot.comI put the comment box code below both 'data.post.body' codes and that didn't solve it. Please advise.

my blog is densolon.blogspot.com. its not working for me, you can see that in my posts there is a 1COMMENT indicating that 1 commented but my comment box wont show up even if in my settings, comment box is embedded. i followed all of your steps but it wont work for me. please reply.

Is that number for comments of Blogger comment form? or for comments of Facebook comment form?

I couldn't find the HTML code of Facebook comment form. The reason because the comment box doesn't show up on your blog is that you haven't placed the HTML code in proper places. Please revert back and fix this issue. Let me know if the problem still exists.

You have follow most of above steps correctly. But haven't placed the HTML code of Facebook comment box on correct places. Please follow above steps again and find the correct place where the Facebook comment box code should be placed. Reply here if you still have the problem.

I can't actually find the place where you should add the HTML code of Facebook comment box. This could vary as your template type, coding style etc. So find one of above codes on your template. Use Blogger inner search function. It is not actually hard. If you need my personal help, you can hire me for that.

I wrote a blog post and the facebook comment box is working on Blogger. I shared my blog post on facebook recently and many of my friends commented on my Fb post. But I don't see those comments in my blogger. Is there a way to integrate Fb and blogger, such that comments made for a blog post on Fb are seen in the blogger post as well. The same functionality works for the FB like button though.

I don't know is there any other way to integrate comments on Facebook with Blogger. As fas as i know Facebook uses API and Application id (which is unique to your blog) to connect comments on each page of your blog. So, i don't think we can't connect comments on Facebook with Blogger.

I will let you know if i know any other way to connect facebook comments with Blogger.

Hello Chamal.Thank you for a great artical. Unfortunately it didn't work for me.I have done every thing as instructed.the only step that i had problam with step #4.I have put the new code above the body but i didnt find what code to replace.I ll be happy for your help 🙂My blog is on http://www.odeliaa.com/Thank you 🙂Odelia

I checked your blog again and seems like you followed above steps correctly. But, i couldn't find the HTML code for Facebook comment box of your blog source code. Make sure you placed the comment box code at right places. I can't say where it is located without checking your blog source code. If you need my personal assistance, you can contact me.

I checked your blog. It seems like you didn't add the first few codes on your blog template. Please revert back and check your blog template again by following above steps. Find what you missed. I can help you install the Facebook comment box on your blog.

I check your blog template source code and found that you didn't place the HTML code for Blogger contact form in proper place. Please check the tutorial again and make sure you put the HTML code in proper place. My suggestion is first add the HTML code in all two or three places you encounter. Then you can remove one by one. Let me know how it works out for you.

Yeah, everything seems to be set up as it should in Facebook APP settings. Maybe I don't have the comments box code where it's supposed to be, because I just noticed it seems to be on the static pages too? 🙁

No, If you did everything right, followed above steps correctly, you should get notifications. I saw the Facebook comment box appears on your blog. So the problem with your app settings. I have explained how to hide Facebook comment form in static pages in this tutorial. Please check it out, if you want hide it from stationary pages. And check again your Facebook app settings page. Make sure you have chosen the website option as the medium.

I have chosen "Website," yes. My Facebook Developers page looks slightly different than the screenshots you have on this site. I guess Facebook has updated it's look since your original blog post, but I was able to figure out where to go to choose "Website" anyway.

I really appreciate all your replies. I believe I've followed all your steps correctly, but I'm still not getting notifications. It is very frustrating, indeed. I just don't know where I've gone wrong. I would remove it all and start over, but I'm not sure that would make any difference. Thank you for your help anyway.

Hi, Thank you for the tutorial. I was able to add the comment box, but I'm not getting the notifications. The blog address is http://thebeatlesthroughtheyears.com (it's a blogspot blog with its own domain name.) Thanks.

Facebook comment box doesn't appear on your blog post pages. Only in Homepage. Make sure you placed the HTML code for comment box in proper places. I recommend you to check your blog template code again and fix this error. If you still can't receive notifications, let me know. I will help you out.

If you set up all things right, yet don't receive notifications for comments on your blog, then the problem is on your Facebook APP settings. Please go to Facebook app page and check whether you have input correct values for each important fields. Make yourself as a comment moderator. Else you won't receive Facebook notifications. Let me know if you don't receive notifications for comments.

Thank you for replying. I see what you mean and I've moved the code to one of the other places you mentioned. I think it's showing up in the blog post pages now? But, we're still not receiving notifications.

Hi, The problem is you didn't place the Facebook comment box HTML code in the original place. Please revert back and place the HTML code anywhere possible. After appearing the Facebook comment form, you can remove each code one by one. Let me know if you are struggling to add the Facebook comment box.

There's no dispute that Facebook is a huge deal. I mean a really BIG deal. Just recently CNN reported that for the very first time Internet users spent additional time on Facebook Comment Box for blogger.

Wow, that's a good news for especially bloggers who have added Facebook comment system on their blogs. Actually, it's not a surprise that many people spend additional time on Facebook comment box, because it really increase the engagement than traditional comment systems.

Sorry for too late reply. Did you follow the above steps correctly? make sure you chose the website as the application platform. Else you might not receive the script code. Read above steps carefully and create a new app for your blogspot blog. Then let me know if there is the problem still exists…

I can't visit your blog. Make sure your blog template is from a reliable place. There is a malicious code installed on your template.

In your case, above warning message appears when your blog template isn't coded properly and/or you place the Facebook code without a part of it. Revert back and check out your blog template structure. I will help you set up Facebook comment box on your blog,

Hey Chamal..!!! you saved my day! Finally got it working (though I've to remove 'something' inside the code)..I owe you a week or 2 of exposure…drop by my site then u know what I mean. But the main thing is, U are God-sent! Cheers!!

Did you add the appropriate blog URL? If you don't use a custom domain name for your blog (use the default sub-domain), then your blog should be country redirect. Make sure you set up the blog address correctly in Facebook APP settings page. Let me know if the problem still exists. I will help you add FB comment box in Blogger.

Yes my blog was used custom domain and i added it in app setting such as app domain ,Site url,Mobile site url . fill app domain with my domain without http. but i seem not getting any notification to my moderator page .. I have been tested by using other facebook account. Help me please and check my site [7khmertv.com]

First add yourself as a comment moderator, else you won't receive notifications. Then logout from your Facebook account and comment on your blog through another account such as Yahoo. Let me know how it works out for you.

hey dude I've tried your method to add fb comment box to my blog http://www.makemoneyblogging.in but after doing this the comment box did not appear then i tried back another method, still comment box not appearing can you please check my blog at once to find out actual problem…

You haven't followed above steps correctly. Make sure you placed the Facebook comment box HTML code just below of proper data tag. Follow above instructions correctly and let me know how it works out for you.

Hi Shamal, I'm blocked on step 5 I cannot trace in my template < body>. Until now I didn't save nothing because of this. My website is fredericosantos.com. You ve already help me once I hope you can resolve this one more time 😉 thanks

Thanks for your concern regarding the use of xmlns:fb in my blog. However, you must have landed in the wrong blog. My blog has it configured. (See source in this link: view-source:getlostproblems.blogspot.com ). You will see in line no.531 that the metadata are also properly configured.

I had fb comment box already implemented, about a year ago. So everything works out great. I just didnt know the trick involved in auto-posting comment box for each new post. Thanks for that!

This is the blog I mentioned last time [ http://www.gundrukpost.com/ ]. Please study their layout for mobile. I am impressed by their simplistic design.

Also I've noticed, when you google "The Gundruk Post", only their result is at the top & comes in expanded form (that makes it standout and must have got much impressions from that. I'd like to do that too. Any ideas? )

Yes Fb comment box works like a charm! I have just one problem with it. Whenever someone comments, I receive a message similar to the one you've posted in your article.

This is the format: "[SOMEONE] has commented in your blog [MY_BLOG_LINK]". The problem is, that wherever I comment from my blog – be it just from [HOME] or one of my [PAGES] or [POSTS], I always get the same message.

Therefore, I know that someone has made a comment, and can also see it in the developers app moderation tool , but I do not know the EXACT link or post where the comment came from. That is a hassle I have had to face.

I am thinking of implementing DISQUS in my blog. What do you think? I would appreciate if you could give me hints about making Tabbed comments for different [Facebook], [Disqus], and [Blogger Default] Comment boxes.

-x-x-x-On a different note, I found out that those things that show up with Main Site Link on google searches – They're called Sitelinks. Your [THIS] site doesn't have sitelinks as well. Here's an example of a site using sitelinks [This leads to google search : The gundruk post > http://goo.gl/xktsoi ] . Help me make one if you have time. okay? Thanks in advance. Hoping for a reply soon ^_^

Yes, even through you receive a short message on FB, you can actually find where the comment is located. Just go to https://developers.facebook.com/tools/comments and select the particular app. Then select on "Moderator View". Hover on "Visit website" link and you can see where the comment is located on.

Yes, Disqus is far better than Facebook comments as my opinion. It has a few versatile features than Facebook comments. You can create a tabbed widget to include Facebook, Blogger and Disqus comments. It needs a few codes. I have seen many bloggers are using these types of widgets. Simply search on Google and find a good tutorial. If you couldn't find, check out Blogger Template publications and search for templates with tabbed widgets.

No, ProBlogTricks also has site-links on Google. But, Google has its own technology to detect user interests, so can decide when and where to show sitelinks in SERPs. Your search page direct to a Google country domain. The reason Google shows sitelinks for your domain in local search results might be the blog is optimized for a regional audience. Check the ProBlogTricks on Google.com and you'll find it also as site-links. (remove history (Google), clear cache, cookies, else you won't see it correctly)

Actually, no anyone can control the site-links in Google. But, you can demote site links through Google webmaster tools. Sitelinks is a good indicator that Google regards website as a brand. So you need to build a few backlinks and post quality content on blog. It could takes months or only a few weeks. Take a few hours and work on your blog. Create social channels for your blog and build a few links with the anchor text of your brand name.

Dear. i'm from Sindh,Pakistan.i used your trick, i applied blogger facebook comment box but it doesn't appear in blog's Page. it shows only blog post not on Blog Pages. so please help me & tell me that how to apply comment box in blogger Page also.

Hi Chamal! Your code is working perfectly fine on my site, however, I am not receiving the notifications. I can see all the comments on Comment Moderation Tool, and I've added me as a moderator on it as well. Still I am not getting any notifications on it. Is there any way that you could help me out? My site is http://www.chordzone.org

Yo Chamal! Thanks for the tip last time. Sorry for troubling you without trying out the code before. You should mention in your post that the auto-commentbox code only works when the code is written in the html template.(Doesn't work if we place the code in layout or the post itself). This was the only reason why the code didnt work in my blog before. Now as I have implemented it in my main template, its working nicely! Thanks again. This trick would have completely slipped my mind, had I not seen your article 🙂

But there still seems to be a small problem. The comment box in my site (and as given in this post) is NOT optimized for mobile. Which means it will NOT appear in mobile sites. I should not write URL here, so I'm just giving a blog title. There is a clever blogger at [TheGundrukPost] who has implemented Facebook comment-box and hovering like button(I think from his own implementation technique). Can you help me reproduce the same effect. I need to have comment for my mobile site too. Thanks.

Yes, if you implemented Facebook Comment Box code in Blogger layout boxes and posts pages, this method wouldn't work, as there are a few elements such as Blogger data tags which only work on Blogger template.

By default, Facebook comment box is not responsive. Uses JavaScript and frames. There are a few ways to make the Facebook comment box mobile-friendly on WordPress and Joomla. But, i couldn't find a way to make Facebook comment box responsive on Blogger. (And i didn't try to make it!)

Lance there is no any restriction to share a useful page URL here. I searched on Google, but couldn't find the tutorial page. Can you share the page URL here?

I checked your blog and saw that you haven't properly set up the Facebook comment box code on your template. Revert back and follow each steps respectively. I found that you even didn't add the xmlns:fb tag. No Facebook cookies variable definition on the code.

Hello Chamal, please REPLY to this as soon as possible. I need a method to automatically add facebook comments for every blog post I publish. Doing it manually is ardent job. I found a method for wordpress… butcouldnt find one for blogger. can you help me in this one?

Yes, Lance, The steps i explained in this tutorial is how to add Facebook comment box to Blogger automatically and get notifications. Follow above instructions and add Facebook comment box. Let me know if you have any problem. I will help you install Facebook comment box on your blog.

Hey! Thank you so much for this easy to follow guide. For some reason, even though I followed your instructions beat by beat, it's not working. I don't get any error messages at all on my HTML template editor , but when I check the posts, nada. Tried it on FireFox and Chrome and it's not working.

I think you might have placed the HTML code of Facebook comment box in wrong the place. Please check your Blogger template's <data:post.body/> code again and add the comment box code to the correct place.

Tip: If your blog template has three similar codes, add Facebook comment box code to all those places and then remove one by one to find the correct place.

If you have any problem adding Facebook comment box to your blog, reply it here. I will help you set it up.

I have followed all the steps but it does not work for me. Only the last Step 7: "Now paste one pieces of HTML codes of Facebook comment boxes just below of the above codes." … I'm not sure what piece of HTML code you mean. I used this:

"Facebook comment box style #1 for white color background templates"

Is that supposed to be a code?Anyway, if you could help me get the facebook comments box to appear, I would love that.Thanks

The HTML code for Facebook comment box Blogspot is showing below each examples.I removed social content locker, so you can copy the HTML code easily.

Michael, I saw that you have added Facebook comments box to your blog. If you want to get notifications to your Facebook profile, make sure you set up the website address correctly. By adding country-based urls (ex: blogspot.de, blogspot.jp) in Facebook app settings page, you will not get notifications from certain people.

I am looking forward to help you set up the Facebook comments on your BlogSpot blog. If you have any problem, share it with us here.

your HTML codes below each examples (Style #1 and #2) are showing up now, thanks very much for that. I have added Facebok Comment Boxes for a number of my last entries on blogspot manually by following this guide:

However it would rather use your method, as the comment box would not need to be added for each (new) posting separately. I'm not sure whether my blog uses a magazin template or not – would you be able to tell? Depending on the answer I apparently would need to remove the highlighted part of the code in yellow, explained under step 7 / customazation / second bullet point from above.

Should I better remove the individual html codes of each of the few postings?

In regard to notifications, you mean I should avoid using country based URLs in Facebook app settings page ….. does it mean I should just use the .com domain like this?

You don't need to worry too much about your Blogger template. Yes, it's a magazine template. so you would copy the whole code and place it on the proper place. What those highlight codes do is that only execute the code in Blogger post and static pages. That means Facebook comment box will not show in home page (That we don't want!).

Yes, i suggest you to remove individual HTML codes. By using this method, you never need to worry about Facebook comment box. This script will show comment box in every individual post and static pages automatically.

If most of your readers are coming from blogspot.com and you want receive notifications for those comments, i would suggest you to add .blogspot.com version.

Here is a tutorial on how to prevent Blogger blog from redirecting to country specific domain. You can follow the instructions on this post to redirect country based traffic to .com version.

Hi bro! I'hv implemented this code and working like a charm but I and not getting the notification of the comments. Plz help and check where I am doing it wrong. My blog is hinditracks.blogspot.com Thanking you in anticipation.

Hi Angraj, I checked your website. You didn't placed the HTML and meta codes in proper places. Recheck and add the FB comment box codes in relevant places. If your problem is same, reply to this comment, i will help you to get notifications to your Facebook profile.

Hello Rock, Make sure you added the Facebook comment box code in the proper place. If you can't find out the problem. reply to this comment with your blog address. I will help you set up the Facebook comment box in your blog.

I didn't found the Meta tags and the HTML code of Facebook comment box in your blog. Make sure you followed above instructions correctly and added the codes in proper places (placing in wrong places might cause Not to save your template and not showing the Facebook widget). Recheck and reply here if the problem still occurs.

I don't know how but I finally got your facebook comments,Please do check If I have doen anything wrong, Have Tweaked it a little, But Am not getting any notifications on FB though , PLease helo ????Also I wanted Blogger And facebook comment box side by side can u tell me how to do that ???And thank you so much for all your help in advance !!!

After adding Facebook comment box code into your BlogSpot blog, you need to make user-self as a comment moderator. Only comment moderators can receive notifications for comments on your blog. Make sure you can control the Facebook App.

To use both Facebook and Blogger comment systems, you need to add a tabbed widget.

Hey Chamal,Any chance to make it work inside tabs together with blogger comments? I was using other script and it works ok, but the problem is that it doesnt show facebbok comments on static pages. Your script seems to work on static pages but I can't figure out how to change it in order to have it inside tabs. Any idea?http://www.roadsideletters.com

Yes, we can use both Facebook and Blogspot comment systems together in Blogger within tabs. But need some codes to do. Make sure your tabbed widget code includes conditional tags which hide comment box from Blogger static pages.

I actually want to show it on static pages, but the code I use that comes from http://www.jsblogstop.com/2011/03/blogger-how-to-add-facebook-comments.html doesn't work on these kind of pages. I added a conditional tag but still it doesn't show. That tutorial is quite old and your code is very different, so I don't know how to change your code to put comments in tabs.Maybe you could write a new tutorial about how to add tabbed blogger and facebook comments with notifications and working on static pages. I think there is a lot of people who would like to have it in their blog. Most tutorials about tabbed comments are at least two, three years old, so a bit outdated.

Nikos, Make sure you added correct Application ID. And also check out your Internet connection. If the problem is still remaining, delete the cookies and follow the steps again. If you have any question related to FB comment box, reply here. I will help you to install it on your blog.

Hi! I have followed your directions step by step and I am pretty sure that I did not miss anything. But the comment box is still not on my page. What could possibly be wrong? Here's my site http://kmledda.blogspot.com I hope you can help me. Thanks!

I examined your Template now. But didn't see anything related to Facebook comment box in your Template. Follow above steps again and reply here. I will help you to add Facebook comments box to your BlogSpot blog.

I followed your method correctly for several times. The good news is before visiting ur post, everytime it said html error, but this time everything went well except that nothing is showing on my blog. please help. My blog is (dnbpediatricsdotcom). thank you;

Marina, Make sure you put Facebook comment box source code in proper place. There may be more than two data:post.body codes in your Blogger template. So, copy and paste comments bo x code in all places and check your website again.

I'm glad you like this plugin. If it works on your desktop blogger version, so it should also work on mobile devices. Make sure your Blogger template doesn't disallow widgets to be preview in mobile views. Change your template view in mobile devices from template section.

When I am trying to add my blog in the basic setting page it is showing this error"This must be derived from Canvas URL, Secure Canvas URL, Unity Binary URL, Site URL, Mobile Site URL, Page Tab URL or Secure Page Tab URL. Check and correct the following domains: http://www.itoocaninvest.blogspot.in&quot; . I dont understand what it is. Please help

If you followed all steps correctly (including create a Facebook application), you may lost your way on the adding Facebook comments widget code. Double check where Facebook comment box code placed. Let me know your progress and i will help you adding Facebook comment box to your blog.

Reverie, Make sure your Blogger template coding structure is looking good. Also the copied code for Facebook comments box. If you pasted the code in wrong place or lose any ending tag, Blogger will alert you. In your case, you might not add the ending tag of if condition tag. Double check your template and do let me know your progress.

Facebook comment box is just another comment box. Yes, there are a few times which decrease your blog post page's SEO rankings. ex: irrelevant comments (which dilute the keyword densities)

Anyway, having a good working and enticing comment box is very important. Because comment boxes add user-generated content. Look how forums such as warriorforum get lots of traffic from user-generated content.

Hi. After following your old tutorial I couldn't get the comment box. So I was starting to follow your new tutorial. I already had an application ID as I had use the comment box before. I was trying it again and on my developers page, when I enter "blogspot.com" in APP DOMAINS box, it says "top-level domains are not allowed" with a red triangle on the side.DO you know, why that is? Is that the reason I am not getting the comment box?http://mycactusdress.blogspot.com/

Ok thank you ! So let me check and see what have I done wrong and be right back ! And when you say redirect to com and not to gr … you mean I have to fill the app I made with my urls blog but not on with my country's domain … the one that redirects to that … .com … right ??

If you set app domain to blogspot.gr, so Facebook comment box could appear only on this domain, not blogspot.in etc. I recommend redirect your country specific domain to the .com domain. And then follow the instructions to add FB comment box to blogger.

Looks like you're going to add Facebook comment box to a country-specific domain (.blogspot.gr not .blogsot.com). If you do that, Facebook comment box will not appear for US, India, Pakistan, Malaysia people. Yes, It will only display for who are viewing the above domain. So i recommend you to redirect country specific traffic to your .com domain and add Facebook comment system to that.

It looks like you haven't followed above steps correctly. If you done it well, the data-href URL should not be 'http://example.com/comments&#39; and it should be your post page URL. Other thing there are more codes than above.

I recommend you to scan your blog template again and check that you followed above instructions correctly. If you done it well, Facebook comment box will appear on every blog post and you will receive notifications to your Facebook account.

If you need any help to show up Facebook comment box on your blog, reply to this comment. I will do my best to help you out.

Ramadan, In sixth step what we do is, adding Facebook comment box to all individual pages on Blogger. That mean Facebook comment box will automatically displayed in every blog post. You will find three similar <data:post.body/> codes in your template. Try placing Facebook comment box code below every <data:post.body/> code. (It works in second code for most bloggers)

Then follow other steps. If still Facebook comment box doesn't appear on your blog, do let me know. I will help you to establish Facebook comment box on your blog.

I received your file and already added Facebook comment box to blogger. It works fine! But there are some things to ask from you. You can contact me on our Facebook Fan page. https://www.facebook.com/problogtricks

Hello, thank you for this tutorial which helped a lot. I have just one problem though I'm not sure if you can help. I have listed the website and domain in the app form with a french extension (blogspot.fr) and noticed that comments will only show to people using that extension. For instance, anyone visiting through a (blogspot.co.uk, blogspot.com, blogspot.no, etc.) will not see the comments made on (blogspot.fr) and vice-versa. I tried to fix this by including every extension blogger has in the "App Domains" section of the app form, but it's still not fixing the problem. Any ideas? Thank you.

Hello Lorianne, First thank you for sharing your problem with us. Yes, If you added french domain name extension to Facebook app, it will only the comments to french extension site.

BlogSpot is a website. it has different country domains such as blogspot.in, blogspot.co.uk like google.in, google.co.uk, google.co.th and google.co.nz. If you search on google.co.uk Google website, there are more likely you will get more results related to United Kingdom.

There is a one solution to this. redirect country domains like blogspot.co.uk and blogspot.in to blogspot.com and then add it to Facebook app domains.

Then comments notifications will come to your Facebook account just like above instance. Do let me know how it worked.

Sudhin, It looks like there is not the default comment form on your blog. And you have enabled Disqus comment system. So this may be the problem to not working the Facebook comment box on your blog. But if you followed above steps correctly, Facebook comment box should appear on your blog.

Do you get any error message? Or does Facebook comment box not appear? Do let me know. I will help you to add Facebook comment box to your blog.

Hi Chamal! Thank you first of all for replying to my comment. I have seeked help in many other forums but yours is the only one who replied. You are awesome !!!

Well, I am not getting any errors or anything while saving the template. I have tried refreshing the page, but still the facebook comments are not appearing.Is this caused due to disqus?I want to keep disqus as well as facebook comments on my blog. Can you tell me what to do?

If you did everything well, then Facebook comment box widget should appear on your blog. Open your blog on a different web browser. If still Facebook comment box didn't appear, then there might be wrong in your code.

Yes, you can use both Facebook and Disqus comment systems on your blog. I will share a post how to use multiple comment systems on Blogger. If you have backed up your Blogger template, then restore it and followed above steps again correctly.

Do let me know what happened Sudhin, I will help you to add FB comment box.

Hey Chamal,I have checked in another browser(Firefox), but only Disqus is loading up.If it's not too much to ask, can you check my source code to see the problem?I can also email you my template if you can fix it.Thanks for your help!!!