}

How to Add Facebook Comment in Blogger

December 12, 2018 57 Comments

Facebook Comment



Facebook, being the world’s number one social networking site and is one of the top channels in order to drive traffic to your blog.

And hence, the bond between Facebook and blogging is very important.
Comments play a very important part in blogging and help us to keep our blog posts alive.

'

In fact, if you can moderate your comments and keep spam free, your post would get a significant priority in the eyes of search engines.

So, when you embed a Facebook comment system in your blog, it can make your blog more interactive and look more attractive than the default Blogger comment system.

 Also, read: How to Install Disqus Comment on Blogger

Advantages of Using Facebook Comment System


It makes your comments high-quality discussions, as your visitors have to comment with their Facebook profile, and this makes your blog comments almost spam free.

With a Facebook comment system, your visitors’use their real Facebook identity and this leads to better conversations on relevant topics. As millions of people around the globe use Facebook and spend a lot of time on Facebook.

So, when a reader comments on your blog, it also shares the topic on its Facebook feed and this can drive more and valuable traffic to your blog.

When someone comments on your blog, Facebook will notify you and also if someone or you replay to your visitor comments.

Still many of us are in doubt whether Facebook comments are accessible and indelible by Google or are SEO friendly.

But various case studies turned up that every single comment done through Facebook comment system will always remain under your post and is crawlable and indelible by Google or other search engines as well. 

Before proceeding on how to add a Facebook comment box in Blogger, you have to create a Facebook App ID in order to have a Facebook comment box on your Blogger blog.

 Also, read: How to enable Google+ comment in Blogger

Creating a Facebook App for your blog and Facebook JavaScript SDK


 If you have a Facebook App ID, then follow the below step, or if you don’t have a Facebook App ID, then don’t worry, below is the tutorial on, How to create a Facebook App ID

When you complete creating a Facebook App ID, hover over Doc tab and select Comments - Social Plugins or Click here.
Facebook Comment
Now, under Comments Plugin Code Generator, enter your blog's URL on URL to Comment on.

 Give the preferred width of your blog.

 Enter how many numbers of comments you would like to view under your post and click on Get Code and the plugin code and instructions to add it on the website are displayed.

 Note: Keep the page open, we will need it again. 
Facebook Comment


How to Embed Facebook Comment Box in Blogger


Step 1. Login to your Blogger blog, select Template and then click on Edit HTML.

Facebook Comment

Step 2. Now, search for the <body> tag. 
is because there is some code in between <>, and the search might fail on some templates.

Step 3. Now, go to your Facebook Developers Page, which we left open.

 Step 4. Copy the JavaScript SDK which is under Step 2, and paste the code right after the opening <body> tag and Save your settings.

(See the below screenshot)
Facebook Comment

You might be getting an XML error while trying to save your settings and the error message says like below:
Error parsing XML, line 11, column 70: The reference to entity "version" must end with the ';' delimiter.


Facebook Comment


Don't panic, you can solve this error message by simply changing the code from "&" highlighted in red below with & highlighted in green

Edit the code by changing "&"(ampersand) with "&" and try to save your setting and this time the error should not appear again. 

Wait! Don't close this page yet, we would need it to add a second code to deal with. 

 Also, read: How to add Facebook Chat Widget in Blogger

Facebook Comment Box Placement in Blogger Template


Now, this is the most important and crucial part of the process, i.e.
The placement of your Facebook Comment Box on your Blogger theme.

So, you should have to be very careful, because if you place it anywhere, your Facebook comment box might not appear.

Or in some cases, it may appear on the desktop but will not appear on mobile devices as due to Blogger uses different CSS codes for desktop and mobile templates.

Now, go back to your Facebook Developer page that is open and you would see the second code, which is displayed on Step 3: Place this code wherever you want the plugin to appear on your page.


Facebook Comment


But wait!

Don’t use the second code, because the HREF is the link of your blog and not the link to the individual post and same Facebook comments will appear on all the posts. So, instead of using the second code.

Kindly Note: Blogger uses separate codes for desktop and mobile devices, and so we have to add the Facebook comment code in two different places.



Adding Facebook Comment Box Code for Desktop


Step 1. Select Template, click on Edit HTML.


Facebook Comment


Step 2. Now click anywhere inside the code area and pressing CTRL + F search for post-footer-line post-footer-line-3 (See Below)

 <div class='post-footer-line post-footer-line-3'>

Anything that is inside the post-footer-line post-footer-line-3 will be displayed on desktop and not on mobile devices.

So, in order to make your Facebook comment box responsive and appear on mobile devices too, copy and paste the below code just below the <div class='post-footer-line post-footer-line-3'> line. 

 <!-- facebook comment box -->  
 <b:if cond='data:blog.pageType == &quot;item&quot;'>  
 <h2>Comment with Facebook</h2>  
 <div class='fb-comments' data-numposts='5' data-width="100%" expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id'/>  
 </b:if>  
 <!--facebook comment box -->


Note: You can also customize specific width in pixels for "data-width" such as "data-width = "350px", etc.

But using percentage in place of pixels as "data-width = "100%", will make your Facebook comment box responsive.

Step 3. Now click on Save in order to save your settings and you are done adding.

Now, view any of your blog posts in order to check whether your newly added Facebook comment system has been successfully integrated and is working.

If you see both Facebook comment box and Blogger’s comment box as well, then you have successfully embedded Facebook comment box on your Blogger blog and you have to hide your Blogger default comment box. 

How to Hide Default Blogger Comment Box


Step 1. Select Setting and click on Posts, comments, and sharing.
Facebook Comment
Step 2. Now, under Comment Location change it to Hide and save your settings. 

Adding  Facebook Comment Box Code for Mobile Devices


Step 1. Select Template, click on Edit HTML.

Facebook Comment

Step 2. Now click anywhere inside the code area and pressing CTRL + F search for post-comment-link and paste the below code just above the post-comment-link and save your template.
Facebook Comment
Also, view a blog post on a mobile device and see if the Facebook comment appears. 

 </span>  
 <!-- facebook comment box -->  
 <b:if cond='data:blog.pageType == &quot;item&quot;'>  
 <h2>Comment with Facebook</h2>  
 <div class='fb-comments' data-numposts='5' data-width="100%" expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id'/>  
 </b:if>  
 <!--facebook comment box -->  
 <span class='post-comment-link'>

How to Moderate Facebook Comments


In order to moderate Facebook comments system, Step 1. Go to the Facebook Developers Page.
Facebook Comment

Step 2. Hover over to Docs, select Comments-Social-plugins and select Moderation. 

In order to use comment moderation tool, you have to first complete the moderation setup instructions.

Follow the instructions provided and set your Comment Moderations.

Conclusion on How to Add Facebook Comment Box in Blogger


I think with this simple and easy to understand step-step tutorial with screenshots of the entire process, you have successfully embedded the Facebook Comment System on your Blogger blog.

And if this tutorial has helped you in any way, then do us a favor by sharing this content on social media sites.

Or, leave a comment below if you have found any problem while embedding the Facebook comment system.

 Also, read: How to change the height and width of Blogger comment box






Tags:
Share:

57 comments:

  1. BrigitaJune 14, 2019 at 1:07 AM

    thanks for sharing..Nice post
    https://www.brigita.co/best-seo-services-provider-in-coimbatore/

    ReplyDelete
  2. Gregory DavisJune 25, 2019 at 7:02 PM

    You have done a great job on this article. It’s very readable and highly intelligent. You have even managed to make it understandable and easy to read. You have some real writing talent. Thank you.
    manual seo service

    ReplyDelete
    Replies
    1. KrishJune 26, 2019 at 8:15 AM

      Thanks Leo for such an encouraging words...

      Delete
  3. Roger LewisJune 27, 2019 at 12:15 AM

    However, clients should be aware that SEO tricks can have a great impact on a website and damage it-which is why they have to use the legitimate SEO strategies in order to receive impressive results. dofollow blogs

    ReplyDelete
  4. Roger LewisJune 27, 2019 at 12:55 AM

    From your website itself to your online branding assets -- digital advertising, email marketing, online brochures, and beyond -- there's a huge spectrum of tactics and assets that fall under the umbrella of digital marketing. pbn setup

    ReplyDelete
  5. Jerry BarkerJune 29, 2019 at 12:26 AM

    Very useful post. This is my first time i visit here. I found so many interesting stuff in your blog especially its discussion. Really its great article. Keep it up.  https://ambulanceseo.com/seo-company-bangalore/

    ReplyDelete
  6. seoexpertJune 30, 2019 at 4:26 AM

    Thank you for this fascinating post, I am happy I observed this website on Google. Not just content, in fact, the whole site is fantastic. best web 2.0 link building service

    ReplyDelete
  7. YokyokJune 30, 2019 at 8:03 PM

    I think this is an informative post and it is very useful and knowledgeable. therefore, I would like to thank you for the efforts you have made in writing this article. SEO Service Provider

    ReplyDelete
  8. max simthJuly 4, 2019 at 4:25 AM

    This is an incredible moving article.I am essentially satisfied with your great work.You put truly extremely accommodating data... free bulk domain authority checker

    ReplyDelete
  9. JignovJuly 11, 2019 at 12:48 AM

    Thanks for sharing//Also visit our website for latest trends in online..
    https://www.jignov.com

    ReplyDelete
  10. Gregory DavisJuly 15, 2019 at 6:53 AM

    This is my first time visit to your blog and I am very interested in the articles that you serve. Provide enough knowledge for me. Thank you for sharing useful and don't forget, keep sharing useful info. monthly seo services

    ReplyDelete
  11. Kcmk KinesiJuly 17, 2019 at 2:29 AM

    I think this is an informative post and it is very useful and knowledgeable. I am also write article sharing some views. Kcmk Kinesi
    https://www.kcmkkinesi.com/blog/learn-top-10-advanced-seo-tips-techniques-for-2019/

    ReplyDelete
  12. Martin WrightAugust 1, 2019 at 9:40 AM

    Thanks for this wonderful post. The information in this article is very helpful to me. Thanks a lot for sharing. Keep blogging.

    ReplyDelete
  13. max simthAugust 10, 2019 at 6:16 PM

    This is really a nice and informative, containing all information and also has a great impact on the new technology. Check it out here: Buy Facebook Accounts

    ReplyDelete
  14. max simthAugust 11, 2019 at 9:18 AM

    This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post. Buy Old Facebook Accounts

    ReplyDelete
  15. Farhan.JeeSeptember 2, 2019 at 3:09 AM

    I am interested in such topics so I will address page where it is cool described. seo backlink

    ReplyDelete
  16. cardSeptember 5, 2019 at 9:14 AM

    You there, this is really good post here. Thanks for taking the time to post such valuable information. Quality content is what always gets the visitors coming. Canada SEM

    ReplyDelete
  17. LewisSeptember 9, 2019 at 10:43 AM

    Facebook has evolved as one of the most valuable assets to advertisers who are striving to reach a particular niche audience.https://www.flow20.com/blog/why-facebook-live-is-the-perfect-platform-to-grow-your-brand/

    ReplyDelete
  18. Usama LaDLaSeptember 14, 2019 at 3:54 AM

    This post is very simple to read and appreciate without leaving any details out. Great work! สีทาบ้าน โคราช

    ReplyDelete
  19. UnknownSeptember 19, 2019 at 5:45 AM

    I am impressed. I don't think Ive met anyone who knows as much about this subject as you do. You are truly well informed and very intelligent. You wrote something that people could understand and made the subject intriguing for everyone. Really, great blog you have got here. C Thiruvenkatam

    ReplyDelete
    Replies
    1. Wonder KrishSeptember 19, 2019 at 7:50 AM

      Thanks Thiruvenkatam for your kind words about my blog, keep visiting for new stuff

      Delete
  20. Usama LaDLaSeptember 21, 2019 at 6:24 AM

    This is also a very good post which I really enjoyed reading. It is not every day that I have the possibility to see something like this.. pname com facebook orca

    ReplyDelete
  21. seoSeptember 26, 2019 at 1:50 PM

    This is highly informatics, crisp and clear. I think that everything has been described in systematic manner so that reader could get maximum information and learn many things. seo ranking

    ReplyDelete
  22. Korean CosmeticsSeptember 30, 2019 at 4:03 AM

    This is my first time visit to your blog and I am very interested in the articles that you serve. Provide enough knowledge for me. Thank you for sharing. Buy Facebook Reaction www.ipeaker.com

    ReplyDelete
  23. MikethomsonSeptember 30, 2019 at 11:22 PM

    I read that Post and got it fine and educational. فيس بوك للكمبيوتر

    ReplyDelete
  24. AzlanOctober 7, 2019 at 8:48 AM

    Social media was once viewed as just for young people or for those searching for sentiment and connections however that has changed drastically as of late. this blog

    ReplyDelete
  25. Usama LaDLaOctober 9, 2019 at 4:28 AM

    This is also a very good post which I really enjoyed reading. It is not every day that I have the possibility to see something like this.. DoFollow

    ReplyDelete
  26. OpioidClinicsinjohnsonCityTNOctober 12, 2019 at 6:14 AM

    Wonderful, just what a blog it is! This blog has provided the helpful data to us continue the good work.Learn SEO

    ReplyDelete
  27. jospheneOctober 15, 2019 at 1:17 PM

    cool stuff you have got and you keep update all of us. niche

    ReplyDelete
  28. irshad ahmedOctober 16, 2019 at 6:43 AM

    This is also a very good post which I really enjoyed reading. It is not every day that I have the possibility to see something like this.. khatri885

    ReplyDelete
  29. jospheneOctober 16, 2019 at 12:31 PM

    Positive site, where did u come up with the information on this posting?I have read a few of the articles on your website now, and I really like your style. Thanks a million and please keep up the effective work. yt studio

    ReplyDelete
  30. Usama LaDLaOctober 22, 2019 at 12:35 AM

    This is also a very good post which I really enjoyed reading. It is not every day that I have the possibility to see something like this.. isomaru suisan

    ReplyDelete
  31. moviesflixOctober 24, 2019 at 7:04 AM

    Very efficiently written information. It will be beneficial to anybody who utilizes it, including me. Keep up the good work. For sure i will check out more posts. This site seems to get a good amount of visitors. High quality blog comment

    ReplyDelete
  32. Usama LaDLaOctober 26, 2019 at 1:21 AM

    Thank you for your post, I look for such article along time, today i find it finally. this post give me lots of advise it is very useful for me. reklam agentliyi interactive media

    ReplyDelete
  33. seoexpertNovember 5, 2019 at 11:14 AM

    Only strive to mention one's content can be as incredible. This clarity with your post is superb! Thanks a lot, hundreds of along with you should go on the pleasurable get the job done. makelaars sittard

    ReplyDelete
  34. ElsayedNovember 5, 2019 at 2:50 PM

    This is also a very good post which I really enjoyed reading. It is not every day that I have the possibility to see something like this.. DoFollow

    ReplyDelete
  35. jospheneNovember 7, 2019 at 12:44 PM

    I really loved reading your blog. It was very well authored and easy to understand. Unlike other blogs I have read which are really not that good.Thanks alot! niche

    ReplyDelete
  36. ayanNovember 8, 2019 at 5:28 AM

    Great job for publishing such a beneficial web site. Your web log isn’t only useful but it is additionally really creative too. There tend to be not many people who can certainly write not so simple posts that artistically. Continue the nice writing get backlinks

    ReplyDelete
  37. MatiasNovember 9, 2019 at 2:33 AM

    Its my great pleasure to visit your blog and to enjoy your great posts here. I like it a lot. I can feel that you paid much attention for those articles, as all of them make sense and are very useful.  buy real Facebook likes

    ReplyDelete
  38. infotech Zone 93November 21, 2019 at 2:37 AM

    Very Helpful Article. Keep Sharing these types of posts

    ReplyDelete
  39. ayanNovember 21, 2019 at 10:02 PM

    Great job for publishing such a beneficial web site. Your web log isn’t only useful but it is additionally really creative too. website seo

    ReplyDelete
  40. ayanNovember 21, 2019 at 10:03 PM

    Thank you because you have been willing to share information with us. we will always appreciate all you have done here because I know you are very concerned with our. website seo

    ReplyDelete
  41. YokyokNovember 29, 2019 at 11:41 PM

    Nice post! This is a very nice blog that I will definitively come back to more times this year! Thanks for informative post. ibmseotips

    ReplyDelete
  42. CharlesdayNovember 30, 2019 at 12:14 AM

    Thank you for your post, I look for such article along time, today i find it finally. this post give me lots of advise it is very useful for me. บริษัททำ SEO

    ReplyDelete
  43. Jason MarshallNovember 30, 2019 at 12:20 AM

    I am looking for and I love to post a comment that "The content of your post is awesome" Great work! Buy Old Facebook Accounts

    ReplyDelete
  44. haaliDecember 6, 2019 at 5:23 AM

    I read this article. I think You put a great deal of exertion to make this article. I like your work.

    ReplyDelete
  45. charlos johnDecember 9, 2019 at 10:06 AM

    This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free. Page Rank

    ReplyDelete
  46. unkonwDecember 16, 2019 at 7:42 AM

    Love to read it,Waiting For More new Update and I Already Read your Recent Post its Great Thanks. Referencement web

    ReplyDelete
  47. Jeffrey WatsonDecember 30, 2019 at 12:43 AM

    Thanks for another wonderful post. Where else could anybody get that type of info in such an ideal way of writing? 2020 Services

    ReplyDelete
  48. rthwerDecember 31, 2019 at 4:50 AM

    This blog is really great. The information here will surely be of some help to me. Thanks!. digital marketing institute in pune

    ReplyDelete
  49. seomonsterJanuary 1, 2020 at 12:34 AM

    Nice knowledge gaining article. This post is really the best on this valuable topic. best offshore hosting

    ReplyDelete
  50. Terri MeeksJanuary 8, 2020 at 11:46 PM

    Hello I am so delighted I located your blog, I really located you by mistake, while I was watching on google for something else, Anyways I am here now and could just like to say thank for a tremendous post and a all round entertaining website. Please do keep up the great work. agencja seo warszawa

    ReplyDelete
  51. Jason MarshallJanuary 12, 2020 at 4:24 AM

    Remarkable article, it is particularly useful! I quietly began in this, and I'm becoming more acquainted with it better! Delights, keep doing more and extra impressive! SEO

    ReplyDelete
  52. cardJanuary 12, 2020 at 5:42 AM

    Admiring the time and effort you put into your blog and detailed information you offer!.. Digital Marketing Sydney

    ReplyDelete
  53. UnknownJanuary 21, 2020 at 5:52 AM

    Awesome article, it was exceptionally helpful! I simply began in this and I'm becoming more acquainted with it better! Cheers, keep doing awesome! niche blog comment

    ReplyDelete
  54. UnknownJanuary 26, 2020 at 12:03 AM

    Thanks for the blog filled with so many information. Stopping by your blog helped me to get what I was looking for. Now my task has become as easy as ABC. Buy sell videos

    ReplyDelete

Subscribe to: Post Comments ( Atom )