Jquery Social Media Share Button For Websites

Introduction :

It is very easy to implement a social media button on website and help your visitors to easily share your article with their social media friends . Most of the webmasters where not willing to add social media button on their websites , Because almost every social media button will make their blog design bad and slow running . But by adding a social media button which created using Jquery design will make website awesome and well perfect for sharing web pages . On this article you are going to learn about adding Jquery social media buttons  on your website .

Download & Demo :

For adding the Jquery social media buttons to your website , You need to download Jquery social media button pack . For downloading the social media button pack : Download Now  . If you are looking for the demo of this script : Demo Here

How to Install Jquery Social Media Buttons in My Website :

It is very easy to install Jquery social media buttons in your website , For that you need to download the script from the "Download & Demo" Section . After downloading the script you need to follow the following steps given below this text . 
  • Extract the .Zip file you download .
  • Create a new folder and copy paste all the file inside the .Zip file to the folder and again compress it as .Zip file .
  • Upload the new Compressed file to your server .
  • Now open the page "example.html"  On new tab .
  • Example : http://example.com/social/example.html .
  • You are done and now you need to copy and paste some of the Java and Css file from the "example.html" page to the website which you want to add the Jquery social media button .
<!-- Include jQuery -->
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>

<!-- jQuery Awesome Sosmed Share Button -->
<script src="http://youraddress.com/social/jquery.awesome-sosmed-share-button.min.js"></script>

<!-- Include Font Awesome v4.1.0 -->
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<!-- Custom Style -->
<link href="http://youraddress.com/social/style-sosmed-button.css" rel="stylesheet">
  • Add the above code in to your website header in between <head> and </head> tags . Change the "http;//youraddress.com/social" With your location where the Jquery social media button where uploaded .
  • Now you need to add the following Html code where ever you want to show the " Jquery Social Media Buttons" .
<p id="bcr_fs"></p>
<p id="bcr_tw"></p>
<p id="bcr_go"></p>
<p id="bcr_in"></p>
<p id="bcr_up"></p>
<p id="bcr_rd"></p>
<p id="bcr_pt"></p>
  • After adding the social media button's on your website you need to change the file location where ever you uploaded the social media button on "jquery.awesome-sosmed-share-button.min.js" page . Follow the above programming example to edit the page .
// Setting URL path sos.php
var pehape = 'http://example.com/file upload location here/sos.php';
  • You are done , Now your visitor can easly share your website page with their social media friends . 

Suggested Article By Administrator :