How to Add Facebook Comment Box in Blogger

Comment box in a website/blog allow visitors to add their reviews or ask any question related to article. This is must have part of a user friendly website. Comments keep your site active and show your website/blog popularity. Every new comment means that your website/blog is being update. Facebook provides many plugins for websites like Facebook Like Box, like button, share button, comment box etc. However in this post you will know, how to add Facebook comment box in Blogger.
Almost every person has Facebook account now a days that's why it is better to use Facebook comment box. Facebook comment box allow users to show their comments on Facebook as well as on website which means your website can become more social. You can use Facebook plugin for Wordpress but Blogger users can only use codes to show Facebook comment box in Blogger blog. Lets start to add Facebook comment box in Blogger. procedure is very simple which is divided into steps.

Other Recommended : 

Add Blogger Contact Form to Page Without Editing Theme
How To Protect Facebook Account From Hacking (12 Methods)

How to Add Facebook Comment Box in Blogger


1- Create Facebook App :


Relex, it is not scary. Just follow a few simple steps. Visit http://developers.facebook.com. You must be login using your Facebook account. Now look at right top. Take your mouse on "My Apps" option.

Get Facebook Comment Box Code From Developer


You will see an option "Add a New App". Click on it. A pop up box will appear. Write name of your Facebook app in first box and your email in second box. After that click on "Create App ID". Following is a sample image of this step.

Create a New App ID at Facebook Developer


You will be redirect to your app Dashboard. Now Click on "App Review" that is on left side and make your Facebook comments box visible to public. When you will click, it will ask to select your website category. Select your website category.

Make Facebook Comment Box Public


You have created Facebook app id and all settings are ok. Lets move to Facebook Developer where you will create Facebook comment box code for website.

2- Generate Facebook Comment Box Code :


Visit the plugin page https://developers.facebook.com/docs/plugins/comments. Add url, select number of comments that will appear and adjust the width of comment box. All settings are done. Now click on "Get Code".

3- Add Facebook Comments Box in Blogger Blog :


After click on "Get Code" new screen will appear like below screenshot.

How to Add Facebook Comment Box Code in Website


Facebook Developer will give you 2 codes when you will click on get code button. You have to put these codes in Blogger blog. Let do it but first select your desired language and app ID which is very first option in that box. Now start to add codes in Blogger.

Step 1 : Go to your Blogger blog dashboard and then go to "Theme" option. Click on "Edit HTML" and search for <body>. Copy the 1st code that you got from Facebook Developer and paste just after <body> tag.. Copy the 1st code that you got from Facebook Developer and paste just after tag. 

Step 2 : Now you need to install 2nd code where you want to show Facebook comment box in Blogger. Every website shows comment box below the post, if you want to show Facebook Comment Box below the post then search for the below code :
                            <div class='post-footer-line post-footer-line-1'> 


That's all Facebook Comment box successfully installed in Blogger blog. If you got any issue , then use the below comment box to contact with me. Happy Blogging !
Previous
Next Post »
0 Comment