Skip to content
Make your sharing widget! Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook, Twitter, Google Plus (with PHP script) and more.
JavaScript HTML CSS PHP
Latest commit 00a9bab Mar 3, 2016 @smeeckaert smeeckaert Merge pull request #286 from smeeckaert/master
Debug distant url
Failed to load latest commit information.
dist debug distant url Mar 3, 2016
doc doc link Feb 22, 2016
src debug distant url Mar 3, 2016
CONTRIBUTORS.md readme Jan 23, 2016
Gruntfile.js test all Jan 14, 2016
LICENSE grunt code style and license Jan 14, 2016
README.md doc twitter Feb 22, 2016
index.html debug distant url Mar 3, 2016
jquery.sharrre.min.js debug distant url Mar 3, 2016
package.json prevent click default Jan 23, 2016
sharrre.php add proxy support: Jan 23, 2016

README.md

jQuery Sharrre Plugin

Make your sharing widget! Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook, Twitter, Google Plus (with PHP script) and more. More information on Sharrre

Supported platforms

  • Delicious
  • Facebook
  • Google+
  • LinkedIn
  • Pinterest
  • Stumbleupon
  • Twitter Share + Follow (See counter alternatives)
  • Reddit
  • Tumblr

Installing

You can use the jquery.sharrre.min.js file, all platforms are included in it.

If you want a smaller file and only use a limited number of social network, you can use these files from the src/js folder :

  • jquery.sharre.js
  • platform/platform.js

After that you can choose which platform you need and load them in your project.

Usage

$('#sharrre').sharrre({
    share: {
        googlePlus: true,
        facebook: true,
        twitter: true
    },
    url: 'http://sharrre.com'
});

Example

HTML

<div id="demo1" data-title="sharrre" data-url="http://sharrre.com" ></div>

JS

$(document).ready(function(){
    $('#demo1').sharrre({
        share: {
            googlePlus: true,
            facebook: true,
            twitter: true,
            delicious: true
        },
        buttons: {
            googlePlus: {size: 'tall'},
            facebook: {layout: 'box_count'},
            twitter: {count: 'vertical'},
            delicious: {size: 'tall'}
        },
        hover: function(api, options){
            $(api.element).find('.buttons').show();
        },
        hide: function(api, options){
            $(api.element).find('.buttons').hide();
        }
    });
});

See example on official website

Dependencies

  • jQuery 1.7
  • Registration at OpenShareCount is mandatory if you want to get Twitter share counts via OpenShareCount (now that Twitter is no longer providing them)

Author

Contributing

Any help is welcome, if you want some infos on how contribute, see the CONTRIBUTORS.md file.

License

The project is distributed under the MIT License

Something went wrong with that request. Please try again.