Tuesday, September 27, 2016

How to Add Skype Share Button in Blogger

How to Add Skype Share Button in Blogger
You must have already used many social share buttons from major social networking brands like Facebook, Twitter, Google+, WhatsApp, etc. As the name suggests, share button makes it easier for you to share the content with your friends online on your social profile.  Skype the Microsoft owned company also has its own share button as well that allows you to send the content to your love ones, strength to their Skype chat.  Today in this article, we will show you how to add a Skype Share button in Blogger.

Why to Add Skype Share Button?

With the increase in the use of social networking websites, almost all web owners are looking to find different ways to drive traffic from social sites.
How to Add Skype Share Button in Blogger
Skype has about 30 million active users, having a Skype share button on your site provides you the opportunity that your content can be shared with millions of more users.

Having a Skype button could play a significant role is making your content go viral. There is always a 50% chance you might get some traffic, so why don’t you give it try?

How to add Skype Share Button?

To add Skype share button on your blogger site take a look at the following instructions.
The very first thing you need to do is to install the Skype share button script which will make the button function. So, go to Blogger >> Template >> Edit HTML >> and look for the </head> tag. Now, after finding the </head> tag, paste the following JavaScript code just above it:
<script>
// Place this code in the head section of your HTML file
(function(r, d, s) {
 r.loadSkypeWebSdkAsync = r.loadSkypeWebSdkAsync || function(p) {
  var js, sjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(p.id)) { return; }
  js = d.createElement(s);
  js.id = p.id;
  js.src = p.scriptToLoad;
  js.onload = p.callback
  sjs.parentNode.insertBefore(js, sjs);
 };
 var p = {
  scriptToLoad: 'https://swx.cdn.skype.com/shared/v/latest/skypewebsdk.js',
  id: 'skype_web_sdk'
 };
 r.loadSkypeWebSdkAsync(p);
})(window, document, 'script');
</script>

Once everything is done, just save the Template.

Now paste the following code anywhere in your template where you want the share button to appear. In order to add share button in the sidebar go to Blogger >> Layout >> Add a gadget >> Add HTML/JavaScript and paste the code in the HTML text box.

<div class='skype-share' data-href='' data-lang='' data-text='' data-style='small' ></div>
You can change the size of the Share button following are the codes for different style and sized buttons:

Style Type Source Code
Small <div class='skype-share' data-href='' data-lang='' data-text='' data-style='small' ></div>
Circle Icon <div class='skype-share' data-href='' data-lang='' data-text='' data-style='circle' ></div>
Large <div class='skype-share' data-href='' data-lang='' data-text='' data-style='large' ></div>
Square <div class='skype-share' data-href='' data-lang='' data-text='' data-style='square' ></div>

When users will click the share button, it will ask them to sign in with their Skype ID, after logging in users will able to share your content with their friends on Skype.

We hope this article has helped you in learned how to add a Skype share button in Blogger. Though, it is still unclear whether users will choose Skype to share content but still its not a bad choice to give it a try. Let us know what do you think about it in the comments below.

No comments:

Post a Comment