socialShare.js

socialShare.js is a jquery plugin to provide more control on social sharing buttons. Do the styling without worrying about the javascript implementation.

Features

• Full control over the design of the buttons.
• No separate widget js loading for separate services.
• Share counts of all supported services.
• Easy to configure.

Source: github.com

1. INCLUDE JS FILES

<script src="jquery.js"></script>
<script src="dist/jquery.socialshare.min.js"></script>

2. HTML

You can use these 2 classes to make a class clickable(open share dialogue) and show the share counts.

• [service]-share and
• [service]-count

where [service] = twitter/facebook/pinterest/linkedin/gPlus

Just add them wherever you want to use them

<div class="element">
    <div class="twitter-share">
        <span>Share on twitter</span>
        <span class="twitter-count"></span> <!--====shows twitter share count==-->
    </div>
   
    <div class="facebook-share">
        <span>Share on Facebook</span>
        <span class="facebook-count"></span><!--=== shows facebook share count==-->
    </div>
</div>

3. JAVASCRIPT

$('.element').socialShare({
	image           : 'image-url',
	twitterVia      : 'ritz078',
	twitterHashTags : 'javascript,jquery'
})

4. OPTIONS