horizontal-no-counters
Vertical with counters
On page dialogs
options-example

Experimental project

This is a sandbox project, which contains experimental code for developer use only.

Main features

A pluggable widget that provides HTML5 widgets for social networks. Each button has language-options so you can set them to the language of your site. By using the networks widgetbuilders and javascript (which the module loads async in HEAD where possible) the full and latest sharing-technology is guaranteed.

The following networks are included:
Twitter => Buttons: Share, @Follow, #Hashtag and @Mention
Facebook => Like/Recommend and/or Share
Google => +1 or Share
LinkedIn => Share
Pinterest => Share 1 specific image or all
Tumblr => Share
More to come and extending on existing ones also.

You can choose a lot of options for each button including counters, no counters, set the order in which they must be displayed, choose a horizontal or vertical layout, set language, width, fixed urls or flexible urls (uses path-aliases if set) and more.

In general settings you can enable widgets per node-type, the weight of the widgets, and optionally display them on teasers too (which is not usefull when you set them to a fixed url) or in a block.

Extend this module

The module is written in a manner that it should be easy to add extra plugins. Just drop a pluginname.inc in the plugins folder and it will be picked up automatically.

First check your favorite social network for html-widgets you want to add, create a file called mynetwork.inc in the plugins folder. See the plugins/mynetwork.inc.txt for a code example, this one has the basic minimumoptions, so it should be easiest to extend on that one. Take a sneakpeak at linkedin.inc, this one is the easiest with not so much extra code at all. When creating a new plugin make sure to clear the cache when a new file is present in the pluginsfolder to enable it in the /admin/config/services/sharebuttons/settings.

You can see a demo on http://diddism.nl/blog/webdesign/sass-vs-css. This is a horizontal line-up with no counters.

Project information

  • Created by diddism on , updated