Thursday, July 25, 2013

How to put Facebook Comment Box on blog ?


If you are always logged on Facebook and you are managing a blog, it is good to put a Facebook comment box plugin there. It can also publish the comment with a link to your blog if someone posted a comment to your blog. With that, you can have more visitors to your blog site.

You can also check if someone leaves a comment on your blog without checking all the pages or posts on your blog. You can also manage the comments and make a reply just using your Facebook account

Facebook Comment Box Screenshot
Comment Box Screenshot

 Let’s start the process.


PART 1 : Creating your apps


1. Go to https://developers.facebook.com/apps and create a new app. See image below.

Create New App

2. Type any valid application name and click “Continue”.

Enter Application Name

3. Enter the captcha code and click “Continue”.

Captcha Code

4. Get your Comment Box App ID. This is important. Copy and save it somewhere in your computer. You will need this later.
 
App ID

5. On App Domains, enter your domain name. I am using blogspot that’s why I entered blogspot.com.
Disable Sandbox Mode, enter you blogsite url and hit “Save” button.

Basic Settings

Now, let's proceed to the second part and put the codes into your blogger account.


PART 2 : Applying the codes


1. Login to your blogger account.

2. Go to Template and click Edit HTML.

3. Put this code inside the <html> tag.

Result should look like this:

<html xmlns:fb='http://www.facebook.com/2008/fbml'>


4. Insert this after the <body> tag.



5. Insert this code before the </head> tag.


6. Find this line <b:includable id='comment-form' var='post'>
After that code, insert the following codes below


7. After putting the codes in your template, hit “Save Template” button.


Go to your blog and check your blog post. You will see a comment box below your post.

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...