Facebook comment box is a great tool to maximize traffic on your blog.
in this post i am going to teach you how to add facebook comment box to your blogger blog.
Step 1: Disable the default comment section:
Go to your Blogger account.
Than go to Setting >> Comment.
Than Choose “Hide” option for not to display the by default comment.
Save your setting.
Step 2: Get you facebook APP ID:
Go to the Facebook Developer Page.
Insert your “Site Name” , “Site URL” and Language.
Click on “Create App”.
and Copy your APP ID
NOTE : Your website URL should include “ / ” at the end of the URL like “http://growingyourblog.blogspot.com/”
Step 3: Aadding meta tags to head of your blog.
Go To design>Edit HTML
Add the following meta tags just after the <head> of your blog.
*Change the content in red with your data.
STEP 4: Adding Comment Box code.
1. go to Design > Edit HTML and click on the check box which says “Expand Widget Templates”
Look for <data:post.body/> and immediately below that Past the following code.
in this post i am going to teach you how to add facebook comment box to your blogger blog.
Step 1: Disable the default comment section:
Go to your Blogger account.
Than go to Setting >> Comment.
Than Choose “Hide” option for not to display the by default comment.
Save your setting.
Step 2: Get you facebook APP ID:
Go to the Facebook Developer Page.
Insert your “Site Name” , “Site URL” and Language.
Click on “Create App”.
and Copy your APP ID
NOTE : Your website URL should include “ / ” at the end of the URL like “http://growingyourblog.blogspot.com/”
 |
| Copy This app id |
Step 3: Aadding meta tags to head of your blog.
Go To design>Edit HTML
Add the following meta tags just after the <head> of your blog.
<meta content='Your Facebook App id' property='fb:app_id'/>
<meta content='any name you want to give your site' property='og:site_name'/>
<meta content='activity' property='og:type'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='url of image you want to show' property='og:image'/>
*Change the content in red with your data.
*Replace ‘YOUR APP ID’ with the APP ID of yours which you got in “Step 2”.
STEP 4: Adding Comment Box code.
1. go to Design > Edit HTML and click on the check box which says “Expand Widget Templates”
Look for <data:post.body/> and immediately below that Past the following code.
*In The Above code replace YourAppId with Your application id you got in "Step 2"
*You can adjust the width='450' to any other width which fits in your blog template.
Thats all you done now you can see comment box on all your post pages.
For any problem comment here.
*You can adjust the width='450' to any other width which fits in your blog template.
Thats all you done now you can see comment box on all your post pages.
For any problem comment here.
No comments:
Post a Comment