Placing Facebook comment form on WordPress blogs is possible without having to install any plugin. I added the Facebook comment form under the blog posts at mobilitaria.com without using any plugin. You too can. Just follow me through the steps below.
For you to add the Facebook comment form to your blog, you will need the Facebook Application ID of the blog. If you know the ID, copy it somewhere and if you don't know it you can check the Facebook apps page.
You can read: How To Get Facebook Application ID to generate one for your blog.
Next is to sign in to your WordPress dashboard and go to "Appearance" > "Editor"
==> Find Header (header.php) on the sidebar and click on it.
==> Carefully find the <body tag below the closing <head tag
==> Paste the code below, directly below the <body tag
==> Carefully replace the highlighted appID with the ID of your blog
==> Click "Update File" button
==> Find Comments (comments.php) on the sidebar and click on it.
==> Paste the code below at the top as seen in the screenshot below the code:
==> Click "Update File" button.
View one of your blog posts and you should see the Facebook comment form displayed.
I hope it works for you.
NB: Mobilitaria uses Jarida theme as at the time of publishing this post. Although, I have restyled it to my taste, you can get the Jarida theme here.
Recommended: How To Add Facebook Comment Form To Blogger.
For you to add the Facebook comment form to your blog, you will need the Facebook Application ID of the blog. If you know the ID, copy it somewhere and if you don't know it you can check the Facebook apps page.
You can read: How To Get Facebook Application ID to generate one for your blog.
Next is to sign in to your WordPress dashboard and go to "Appearance" > "Editor"
==> Find Header (header.php) on the sidebar and click on it.
==> Carefully find the <body tag below the closing <head tag
==> Paste the code below, directly below the <body tag
<div id="fb-root"></div>
<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&appId=1569785879914041&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
==> Carefully replace the highlighted appID with the ID of your blog
==> Click "Update File" button
==> Find Comments (comments.php) on the sidebar and click on it.
==> Paste the code below at the top as seen in the screenshot below the code:
<br>
<div style="text-align: center;">
<div class="fb-comments" data-href="<?php the_permalink() ?>" data-num-posts="8" ></div>
</div>
<br/>
==> Click "Update File" button.
View one of your blog posts and you should see the Facebook comment form displayed.
I hope it works for you.
NB: Mobilitaria uses Jarida theme as at the time of publishing this post. Although, I have restyled it to my taste, you can get the Jarida theme here.
Recommended: How To Add Facebook Comment Form To Blogger.
0 comments: