Facebook is one of the best social media site is a silicon valley for your newly created and reputed blogs, Facebook is best marketing place. You can get tons of traffic for your blog through Facebook.
Here in this post we gonna share working method of adding Facebook comment box in blogger blogs.
How to add Facebook comment box in blogger?
1. First of all go to Facebook Developer site and create a new facebook App ID Click the following link to do this https://developers.facebook.com/quickstarts/?platform=web
After visiting that site create an app by putting the name of your site, category and link. After successful creation activate your app by putting an email ID at the required field and save it.
2. After successful creation and activation of the facebook app ID click the following link to create a comment box for your blog. https://developers.facebook.com/docs/plugins/comments
you have to put the url of your blogger blog and select the width and height of your comment box. After this get the code for your Facebook comment box. There will be two codes, Copy the first code.
3. This code cannot be placed directly to your blog because it is needed to be Parsed before putting it in your blogger template, Parse your code using Code Parsing Tool Here. And copy the parsed code.
4. Now you the parsed code is ready to be placed in your template. Just go to blogger template editing section by clicking Template>Edit Html. Now press ctrl+F and find </body> tag. After finding closing body tag paste your parsed code before the closing body tag and save the template.
Example: YOUR_CODE_HERE</body>
5. Now again find this code <b:include data='post' name='post'/> and paste the following code after this code.
<b:if cond='data:blog.pageType == "item"'>
<div
class="fb-comments"
data-href="<data:post.url/>"
data-width="590"
data-num-posts="100">
</div>
</b:if>
For example:
<b:include data='post' name='post'/><b:if cond='data:blog.pageType == "item"'><divclass="fb-comments"data-href="<data:post.url/>"data-width="590"data-num-posts="100"></div></b:if>
Now save the template, and refresh your blog. Congratulation your Facebook comment box is now live in your blog.