Recently some of my bloggers requested me to give a solution that how they can add a Facebook comment box in their blogger site so I have decided to write a post in my site about this regarding issue in 2009 Facebook developer says their best social plugin old ["Facebook Comment Box"].
This comment box help your reader to comment on your site using their Facebook, Yahoo, AOL, Hotmail profile I will say my own method which I applied on this blog developing blogger templates so first of a simple tutorial to add this on your site.
How to add
- First of all login your blogger site
- then go to template click on edit template
- click on CTRL + F from keyboard then search following code.
<body>
or
<body expr:class='"loading" + data:blog.mobileClass'>
- Then search again the following code just after paste the below code
<-- Copy Start Here -->
<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_GB/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<-- Copy End Here -->
- Then again search following code
<b:includable id='comment-form' var='post'>
- Just after it paste the below code
<-- Copy Start Here -->
<div class="fb-comments" expr:data-href="data:post.url"
data-width="100%" data-numposts="5" data-colorscheme="light"/>
<-- Copy End Here -->
- You can change No. 5 according to you.
- in the Last line code yo can change from light to dark comment text background.
Dear readers, after reading the Content please ask for advice and to provide constructive feedback Please Write Relevant Comment with Polite Language.Your comments inspired me to continue blogging. Your opinion much more valuable to me. Thank you.