Easy Steps To Add Facebook Comment Box in Blogger

Blogging
,
1

Create a Facebook App to Get the App ID.

You must create a Facebook App and get the App ID to add Facebook comment box in blogger. Don’t worry. It is not a big deal. Follow the following step by step guide to do that.

  1. Log in to your Facebook account and then visit Facebook developers page. You will see a drop-down named “My Apps” at the top right corner.

  2. Hover over the drop-down and click on the “Add a New App” link as shown below.

  3. A popup window will open. You have to provide a display name (The name of the app) and contact email address like below. After that click on the “Create App ID” button.

  4. Now we have to add our website address to this newly created Facebook comment app. For doing this, take a look at the left menu and click on the “settings” section.

  5. In this basic settings section, you have to put the “App Domains” as shown below. After that, you have to click on the “+ Add Platform” > Choose “Website” icon to assign your website with this app. Finally, put your site URL with “http or https” and the trailing “/” at the end of the URL. Now click on the “Save Changes” button. So you have successfully created a Facebook app to add Facebook comment box in blogger. Now it is time to add it to our blogger blog. So let’s see how to do that?

Add Facebook Comment Box in Blogger.

  1. To add Facebook comment box in blogger, you have to log in to the Blogger Dashboard > go to the Theme > Edit HTML. Don’t forget to backup blogger template before editing code.

  2. Find the ending tag and paste the following open graph meta tags right above the .

Note: You must replace the highlighted Facebook-App-ID and Your-Facebook-Profile-URL with your own.

  1. Now find the line “<b:includable id=’comments’ var=’post’>“. Expand it. Scroll down a little bit and find the ending “</b:includable>”.

  2. Copy the following code and paste it right above the ending “</b:includable>” code.

<b:if cond=‘data:blog.pageType == “item”’>

Remember, it is a pre modified code placed inside a blogger conditional tag to show the facebook comment box only on the post pages.

  1. Finally, you have to scroll all the way down to find the ending “” tag. After that, paste the following JavaScript right above the “” tag as shown below and click on the “Save Theme” button.

You have successfully added Facebook comment box in blogger blog. Go to your blog and click on a post to check the newly added comment platform is working perfectly. At this point, you will see both Blogger threaded and the Facebook comment box is working together.

1 Like