The Facebook comment box is one of the top Facebook comment widget that are used on many websites and blogs. It is the tools that might increase user engagement in the websites. There are huge number of facebook user around the world, adding facebook comment box will be the best choice to attract users in your website easily.
Facebook comment widget has beneficial for your website because it is really spam free or you can control over the comments to make it clean and while someone commenting your posts user can share the comments in their timeline , which might be the way to drive traffic to your site.
How to add comment widget in your blogger sites?
Shortly, You can add facebook comment box to your website. It is very easy and short informative way to add the Facebook comment box in blogger. Adding facebook comments has another benefits that your site seo performance will be optimize, So if you are decided to add facebook comment widget in your blogger website have a look on the post below to give a new taste.
Step 1 : You need to place some codes in your Templates. before perfom this step take a full backup of your templaes because it will be easy to restore if anything wrong happened with your site.
</ Goto Themes and edit your theme in Edit html mode and Press Ctrl+F search box will appear and write the code <body and enter and paste the following code after <bodytag.
<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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Step 2: After that you need to place the following code anywhere in the template whete you to show the comment box. Comment box can be placed infront of below post show you can place your comment box end of your post. just copy the code below and place it anywhere whete you want to show Facebook comment box.
<div style='box-shadow:0px 2px 1px 0px rgba(0,0,0,0.3);
border:1px solid #e50057;
padding:10px;
margin: 10px 0 0 0 ;'>
<h1 style='background: #e50057;
color: white;
padding:12px;
font-size:14px;
margin:-10px -10px 0 -10px ;
font-family: 'Verdana' ,sans-serif;'>
<i class='fa fa-comment'/> COMMENTS</h1>
<div class='fb-comments' data-href='https://thelimtech.com</a>' data-num-posts='6' data-width='auto'/></div>
border:1px solid #e50057;
padding:10px;
margin: 10px 0 0 0 ;'>
<h1 style='background: #e50057;
color: white;
padding:12px;
font-size:14px;
margin:-10px -10px 0 -10px ;
font-family: 'Verdana' ,sans-serif;'>
<i class='fa fa-comment'/> COMMENTS</h1>
<div class='fb-comments' data-href='https://thelimtech.com</a>' data-num-posts='6' data-width='auto'/></div>
■ Note : Replace Green text with your own website link and save it.
Step 3: Visit your site on mobile and desktop to test your recently added comment box. If you did everything right your Facebook comment box looks like the following pic as im screenshot.
Facebook Comment widgetThis simple way can help you to add Facebook comment box in your blogger website for free without any complications. It really gives you unique performance on your site.
On this tutorial you learnt about how to add Facebook comment widget in blogger for free. Facebook comment widget may be the source to drive traffic to your website because of huge number of Facebook user in the globe. Commenting and sharing might guve you better results. You can try it your site and see how it works. are you satisfied with the post if you are still confuse leave your valuable views below the comments box always there for you.
Post a Comment