Add Facebook Page Like & Share Button to Blogger Post - Welcome To PgeJoint

Welcome To PgeJoint

Get Everything Here

Friday 24 November 2017

Add Facebook Page Like & Share Button to Blogger Post

Facebook page like & sharing button in blogger

Facebook page like & Share button is a good way to increase your FB fan page likes. It allows to visitors either like your page or shares with their friends and family without leaving your blog. You will be noted that many bloggers using this button on their blog, but some new bloggers are confusing to add this Facebook like & Share  in the blog. In this post, I would like to provide step by step guide, how to add Facebook page like & sharing button in blogger blog. Follow the below steps.
Facebook page like & sharing button in blogger

How to add Facebook page like & sharing button to blogger post

  • Login to your blogger account by providing username and password.
  • Select template, then edit HTML
  • Now find out </body> tag by pressing (Ctrl+F) and paste the below code just above it.
<div id='fb-root'/> 
<script> 
//<![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=v2.3"; 
 fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 
//]]> 
</script>
Paste the blow codes where you want to appear like & share button in your blog. If you want to appear like button below every post title, then follow the steps. Find out <data:post.body/> tags and paste the code just above it.
If you interested to add this button in the post bottom, then paste below code just below <data:post.body/>  tags.
<div class="fb-like" data-href="https://www.facebook.com/paulingoentertainment" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
Replace https://www.facebook.com/paulingoentertainment with your FB page URL.
Note. <data:post.body/> code usually appears two to three times in a blogger template. Try the second code, if it doesn’t work, then try in other two.
Now save the template and view your blog’s any post to check the result, hopefully, it will be working. I hope this tutorial be helped that how to add Facebook like and share button in blogger blog. If you are facing any problem about this tutorial then place your comment in the below comment box.

No comments:

Post a Comment