How to add Facebook Comment Plugin in Blogger

How to add Facebook Comment Plugin in Blogger

How to add Facebook Comment Plugin in Blogger

add Facebook Comment Plugin in Blogger
add Facebook Comment Plugin in Blogger




After a long time we are back with new topic about blogging tips ; in this tips we showing how to " add facebook comment box in blogger post below" . Using this Facebook comment box your blogger and websites user or viewers can comment on your posts and those comments will be automatically shared in Facebook. so this plugin can be very important for your blogger. So we will suggest all blogger to add simple comment box of Facebook in your blogger blog.

So Let's Learn :'

How to add Facebook Comment Plugin in Blogger:



First Need To Be Facebook App Id

Log in to the Blogger Dashboard > go to the Theme > Edit HTML.

Find the </head> 

tag and paste the below open graph meta tags.


<script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='https://code.jquery.com/jquery-latest.js'/>
<meta content='Facebook-App-ID' property='fb:app_id'/>
<meta content='Your-Facebook-Profile-URL' property='fb:admins'/>
<script type='text/javascript'>
//<![CDATA[
(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=v3.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>



Next Search for Below tag


<b:include data='post' name='post'/>


After find above tag then paste following code on above tag below.



 <b:if cond='data:blog.pageType == "item"'>
                 &lt;div
                     class=&quot;fb-comments&quot;
                     data-href=&quot;<data:post.url/>&quot;
                     data-width=&quot;550&quot;
                     data-num-posts=&quot;100&quot;&gt;
                 &lt;/div&gt;
            </b:if>



That's it ; Enjoy 

Now Check Your Blog You Will Seen Fcaebook Comment Box.




Author Note***

Thank You ; Hope you are learn how to add facebook comment box on  your blog; then don't forget to share this post. if any asking ; need any help regarding installation or faced any problems then please let's us known using  this post comment box, we will reply soon..

ViewCloseComment

7 Comment

Cancel

Please Don't Spam.