Although the demo buttons currently load endlessly, the actual button service is running smoothly. We're working on rectifying this little bug.
Get the Code
Settings are passed via HTM5 data attributes.
||The URL of the page to share. If none is set the script will first check for Open Graph data, then a canonical tag and finally resort to the current URL.
||The title of page to share. If none is set the script will first check for Open Graph data, then a title tag.
||The title of page to share. If none is set the script will first check for Open Graph data, then an image on the page.
|Amount of buttons to display. The rest are hidden with a + button to expand.
|Position of share count bubbles. Can be
|Share buttons style. Can be
Enabling Twitter Tweet Count
Twitter counts are retrieved using newsharecounts.com. To enable them please visit newsharecounts.com and register your website (it's free).
Getting sleek share buttons on your site could not be easier.
First, the following line of code the the bottom of your `body` tag.
Now place the HTML as per the following examples where you want the buttons to appear.
Responsive buttons with count bubbles on hover.
This is the code for the default social sharing widget, it uses data attributes to pass parameters to the script. In this example where setting the limit to 3 to hide the other buttons.
Icon style, top bubbles, custom url
In this example we've set style to
icons, bubbles to
top, and url to
http://google.com. If no URL is set it will default to the current page.