The Facebook Comment Box is one of the top Facebook plugins that are used on many websites and blogs. Facebook comment box has become a strategy to increase the quality comments and user engagement.
When you are using the Facebook comment box on your website, you can reduce span comment and maintain the quality of your comments. Another thing is, Facebook allow people to share their comments to their timeline. So if you have installed Facebook comment box on your Blog Spot blog, you can expect some decent traffic form those comments.
Add Facebook comment box to Blogger
Step 1: Sign in to you Blogger account and go to Template.
Step 2: Now you have to make some changes to your blog template. Then click on "Edit HTML" button.
Step 3: Find this "<html" code in your template and in front of this code, past below code.
Make sure to add a space before and after the above code. See the example below.
When you are using the Facebook comment box on your website, you can reduce span comment and maintain the quality of your comments. Another thing is, Facebook allow people to share their comments to their timeline. So if you have installed Facebook comment box on your Blog Spot blog, you can expect some decent traffic form those comments.
Add Facebook comment box to Blogger
Step 1: Sign in to you Blogger account and go to Template.
Step 2: Now you have to make some changes to your blog template. Then click on "Edit HTML" button.
Step 3: Find this "<html" code in your template and in front of this code, past below code.
xmlns:fb=’http://www.facebook.com/2008/fbml’ |
Make sure to add a space before and after the above code. See the example below.
<html xmlns:fb=’http://www.facebook.com/2008/fbml’ b:version=’2′ class=’v2′ expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml’ …….. xmlns:expr=’http://www.google.com/2005/gml/expr’> |
Step 4: Use CTRL + F Blogger keyboard shortcuts and find where below HTML element is located.
<body>Now place below code just above of <body> code.
| <div id='fb-root'/> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4& amp;appId=YOUR_APP_ID"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> |
Step 5: Replace YOUR_APP_ID with your App ID (How to create Facebook App ID)
Step 6: Now Go To Layout Tab on your blogger
Step 7: Add New Gadgets , Select Java Script
Step 8: Add the Below Java Code there.
| <div class="fb-comments" width="720px" height="300px"data-numposts="10"></div> |
Step 9: Click on Save button, You can change Height and width of Facebook comment box as your Blog post Space. Now you almost done with Facebook comment Box , Wait for your Comment! Enjoy
0 comments:
Post a Comment