How to Add Facebook Share Button on your Blogger Blog

Using Facebook share button you can share you post content to your Facebook wall as well as you can share your website post with your friends. So that your website will get more referral visits and you will earn more revenue from your blogger blog.

Follow the below steps to add share button to your website

Step 1: Login to Blogger Blog.

Step 2: Select Template Section and click Edit Template.
Note: Before editing take backup.

Step 3: Copy the below Javascript SDK and paste it after opening <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&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Step 4: Place the below peace of code to your website, where you want appear Facebook plugin.

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-width="200"></div>

Step 5: Thats it. Save your template and refresh your page.

Now you can see you Facebook share button on your website.

All the best !!!

No comments:

Post a Comment