Howi.In

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Dk0WoD0swN8/VJ768ex7mkI/AAAAAAAAGBs/rXO18rWO-b0/s1600/Jquery%2BSocial%2BMedia%2BShare%2BButton%2BFor%2BYour%2BWebsite.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Jquery Social Media Share Button For Websites" border="0" src="http://1.bp.blogspot.com/-Dk0WoD0swN8/VJ768ex7mkI/AAAAAAAAGBs/rXO18rWO-b0/s1600/Jquery%2BSocial%2BMedia%2BShare%2BButton%2BFor%2BYour%2BWebsite.png" title="Jquery Social Media Share Button For Websites" /></a></div>
<h2 style="text-align: left;">
</h2>
<h2 style="text-align: left;">
Introduction :</h2>
<div>
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 .</div>
<h4 style="text-align: left;">
Download & Demo :</h4>
<div>
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 : <a href="https://github.com/bachors/jQuery-Awesome-Sosmed-Share-Button/archive/master.zip" rel="nofollow" target="_blank">Download Now </a> . If you are looking for the demo of this script : <a href="http://filebooker.com.md-1.webhostbox.net/Demos/Soccial%20Media/example.html" rel="nofollow" target="_blank">Demo Here</a></div>
<h4 style="text-align: left;">
How to Install Jquery Social Media Buttons in My Website :</h4>
<div>
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 . </div>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Extract the <b>.Zip</b> file you download .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Create a new folder and copy paste all the file inside the <b>.Zip</b> file to the folder and again compress it as <b>.Zip</b> file .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Upload the new Compressed file to your server .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Now open the page "<b>example.html</b>"  On new tab .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Example : <b>http://example.com/social/example.html</b> .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">You are done and now you need to copy and paste some of the Java and Css file from the "<b>example.html</b>" page to the website which you want to add the Jquery social media button </span>.</li>
</ul>
<pre class="brush: js;">
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>

<script src="http://youraddress.com/social/jquery.awesome-sosmed-share-button.min.js"></script>

<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<link href="http://youraddress.com/social/style-sosmed-button.css" rel="stylesheet"></pre>
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Add the above code in to your website header in between <b><head></b> and <b></head></b> tags . Change the "<b>http;//youraddress.com/social</b>" With your location where the Jquery social media button where uploaded .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Now you need to add the following Html code where ever you want to show the " <b>Jquery Social Media Buttons</b>" .</span></li>
</ul>
<pre class="brush: js;"><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></pre>
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">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 "<b>jquery.awesome-sosmed-share-button.min.js</b>" page . Follow the above programming example to edit the page .</span></li>
</ul>
<pre class="brush: js;">// Setting URL path sos.php
var pehape = 'http://example.com/file upload location here/sos.php';</pre>
<ul>
<li><span style="font-family: Georgia, Times New Roman, serif;">You are done , Now your visitor can easly share your website page with their social media friends . </span></li>
</ul>
<h4 style="text-align: left;">
Suggested Article By Administrator :</h4>
<div>
<ul style="text-align: left;">
<li><a href="http://www.howi.in/2014/12/google-new-recaptcha-system-using-javascript.html" target="_blank">Google New reCaptcha System Using Javascript - Installation .</a></li>
<li><a href="http://www.howi.in/2014/09/create-your-own-live-cricket-score-wapsite.html" target="_blank">Create Your Own Live Cricket Score Website Using Php .</a></li>
<li><a href="http://www.howi.in/2014/10/create-your-own-video-streaming-wapsite-like-youtube-mobile-site.html" target="_blank">Create Your Own Live Video Streaming Website Like Youtube .</a></li>
<li><a href="http://www.howi.in/2014/10/create-free-wapsite-using-djamol-autoindex-script.html" target="_blank">Create Your Own Mobile Site Using Djamol Autoindex Script .</a></li>
</ul>
<div>
I hope you well enjoyed this article , If you have any doubts or suggestions please let us know by using the comment box given below . Thanks</div>
</div>
</div>
</div>

Jquery Social Media Share Button For Your Website

Introduction : It is very easy to implement a social media button on website and help your visitors to easily share your article wit...

+ Read more »