Sunday, 5 March 2017

Add Skype Share Button to Website or in Blogger

You must have already used many social share buttons from major social networking brands like FacebookTwitterGoogle+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.
                           

Add Skype Share Button to Website or in Blogger

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

  • First of All go to Blogger
  • After that go 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>
  • 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 TypeSource Code
Small<div class='skype-share' data-href='' data-lang='' datatext='' data-style='small' ></div>
Circle Icon<div class='skype-share' data-href='' data-lang='' datatext='' data-style='circle' ></div>
Large<div class='skype-share' data-href='' data-lang='' datatext='' data-style='large' ></div>
Square<div class='skype-share' data-href='' data-lang='' datatext='' 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.

Rishi yadav is the founder of MyTechTalk.A Popular tech blog dediceted for Geeks and blogger You Can Follow Me on Facebook Or You Can Connent With Me On Twitter @alltechpeople Email:mytechtalk99@gmail.com


EmoticonEmoticon