Ads 468x60px

Saturday, 12 January 2013

Facebook Comments for Blogger

As you know almost every person is having a facebook profile. So if you will remove your default comment box from your blog and add a facebook comment box then it will be better. It will also promote your blog and will give interactivity like facebook wall because the comments will be likable and threaded just like you do in facebook wall. 
Facebook Comment Box
Now if you want to create the same comment box in your blog then you need to follow the steps given below. 

Step 1: You must hide all the previous comments from your blog, for this go to your blog and from the menus of left side select the last menu which is settings and then post and comments. On Comment Location change it to hide and then click save settings. 

Step 2: Now you have to create a facebook app for your comments. Go to the link given below. 
(Skip The Add from the upper right corner)

Step 3: Now if you are logged in to your facebook account you will ask to Register as a Developer or if you are not logged in then you will be ask to log in and then will ask to 
Register as a Developer. Click on Register as a developer, give the details and register while registering it may ask to to identify your phone number you must identify your number. Now once you registered click on Create New App. 

Step 4: Now you'll see the dialogue box of creating app, just put any name for your comment app in my case I am giving Comments. Just put the name and click on Continue. 
You'll now ask for security check enter the captcha and click on Continue. 

Step 5: Now You have your App ID. Put your domain in App Domains and write your Site URL as shown in the image below and click on Save Changes.
Click to View Larger
Step 6: Now Copy your App ID and paste in the below code. 
<meta content='App_ID'   property='fb:app_id'/>

The first phase is over. Now go to your blog and then template and then click on edit HTML, click on the expand widget template. Now you have the HTML coding of your blog, I will recommend you to take a backup so if anything will go wrong you'll be able to restore. 

Step 7: Find this line <head> and just below it, post the code you created in Step 6

Step 8: Now you have to add the Facebook Comment box to your template. Find one of these lines in your template. 

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

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


Step 8: Once you have find any one line from these just copy the following code and paste  below the line you have found. 

Step 9: Save your template and you are done. 

Hurray!! You are now done with making Facebook Comment Box, check your post you'll find the Facebook Comment Box. 
Share if you liked this Post using your favorite sharing service:

Subscribe Updates, Its FREE!

Related Posts Plugin for WordPress, Blogger...