Let Start it below:
You know that social media plays a very important role for every webmaster.Every webmaster want to get traffic and he uses different social media platform.Skype is the platform that have more than 32 million active users.So having a Skype sharing button can give you a lot of traffic.
How to add a Skype Sharing Button in Blog:
To add Skype Sharing Button Follow the given steps:
1.You have to install a script to activate it.
2.Now Go to Blogger>>Template>>Edit HTML.
3.Now find for </head> tag and paste the given 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>
// 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>
4.Now Save the Template.
5.Now almost done.Go to Blogger>>Layout.
6.Now Click on Add a Gadget >>Add HTML/Java Script.
7.Now Paste the given code in it.
<div class='skype-share' data-href='' data-lang='' data-text='' data-style='small' ></div>
Change Size of Buttons You Want:
To change the size select any one and copy its code a paste it in Layout.
For Small Button:
<div class='skype-share' data-href='' data-lang='' data-text='' data-style='small' ></div>
For Circular Button:
<div class='skype-share' data-href='' data-lang='' data-text='' data-style='circle' ></div>
For Square Button:
<div class='skype-share' data-href='' data-lang='' data-text='' data-style='large' ></div>
For Large Button:
<div class='skype-share' data-href='' data-lang='' data-text='' data-style='square' ></div>
After this sharing button will be added to your blog and its sharing is like the others like Facebook or twitter.
I hope that after reading this article you can easily add Skype sharing Button in you Blog.If you like this article share it on social media to help other blogger brothers.
