Popular Social Sharing and Bookmarking Widgets and Buttons for WordPress

One of the most popular support emails that we receive from readers and bloggers is how do we display and were do we get the social bookmarking widgets that you can see within our posts. For most the answer will probably be obvious and simple (think of this page as your one-stop-shop for sharing widgets instead), but of course, if you are just starting out it can be understandably tricky finding and implementing the code.

What we have done is collected the code snippets from the most popular social bookmarking and sharing services (Digg, Mixx, Reddit, Delicious, Stumbleupon, Google Buzz and Facebook), we also have snippets from popular design niche services (DZone, Design Float, Design Bump and The Web Blend) and finally collected code for sharing via Twitter (Twittley and TweetMeme). Unfortunately not all services offer the option of both large and compact widgets, were we could, both are made available.
If you do feel adventurous, you can click the further options links for personalized customization.

All of the widgets, buttons and badges below can be copied and pasted directly into a WordPress post, or alternatively they can be placed anywhere within the WP theme (single.php, index.php, header.php…). No knowledge of coding is required at all, just pick the widget you need, copy it and paste it, and yes, it really is that easy.

Digg This Smart Button

The Digg button, also known as the “Digg This” button, support both a Smart Digg button and a static Digg button, they do recommend that you use the Smart button, as it displays a real-time Digg count and is far more customizable. For more customisation options, click here: Digg This Smart Button.

Digg Compact Button Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf828%

Digg Large Button Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8210%

Reddit Button

The Reddit button is the smart way to get your content submitted to and discussed on Reddit. Below you will find the code snippets fot the most popular buttons, for further options, click here: Reddit Button.

Reddit Compact Button Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8212%

Reddit Large Button Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8214%

StumbleUpon Button

Below you will find the code snippets fot the most popular StumbleUpon buttons, further button options and variations are available here: StumbleUpon Buttons.

StumbleUpon Compact Button Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8216%

StumbleUpon Large Button Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8218%

Facebook Share Widget

Below you will find the code snippets fot sharing articles and posts via Facebook, for further options, click here: Facebook Share Widgets.

Facebook Compact Widget Code

This code generates a button like this ↓

Share

Share%MINIFYHTML8a27d15b12010b703d3f578e300abf8220%

Facebook Large Widget Code

This code generates a button like this ↓

Share

Share%MINIFYHTML8a27d15b12010b703d3f578e300abf8222%

Mixx Buttons & Badges

Below you will find the code snippets fot sharing with Mixx, for further button options, click here: Mixx Share Widgets.

Mixx Compact Badge Code

This code generates a button like this ↓

Mixx Large Badge Code

This code generates a button like this ↓

TweetMeme Button – Twitter Share Widget

The TweetMeme Button is by far the most popular Twitter sharing widget, you can click here for further widget options: TweetMeme Buttons & Widgets.

TweetMeme Compact Button Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8225%%MINIFYHTML8a27d15b12010b703d3f578e300abf8226%

TweetMeme Large Button Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8228%

Twittley Button – Twitter Share Widget

The Twittley Button offers many color variations and options, visit here for more: Twittley Buttons & Plugin.

Twittley Large Button Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8230%

DZone Buttons

The options of dzone_url, dzone_title, and dzone_blurb are optional. If you leave out the url and title, the widget will pick them up from the page the widget is currently on. For further widget options: DZone Buttons.

DZone Compact Button Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8236%%MINIFYHTML8a27d15b12010b703d3f578e300abf8237%%MINIFYHTML8a27d15b12010b703d3f578e300abf8238%%MINIFYHTML8a27d15b12010b703d3f578e300abf8239%%MINIFYHTML8a27d15b12010b703d3f578e300abf8240%

DZone Large Button Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8246%%MINIFYHTML8a27d15b12010b703d3f578e300abf8247%%MINIFYHTML8a27d15b12010b703d3f578e300abf8248%%MINIFYHTML8a27d15b12010b703d3f578e300abf8249%%MINIFYHTML8a27d15b12010b703d3f578e300abf8250%

DesignBump

Make it easy for your readers to ‘Bump’ your work by including the buttons below next to each article, for further options, click here: DesignBump Buttons.

DesignBump Large Button Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8253%%MINIFYHTML8a27d15b12010b703d3f578e300abf8254%

The Web Blend Widget

The Web Blend is a community for designers, developers and tech junkies that keeps you current with a summary of the latest in web related news and trends.

The Web Blend Large Widget Code

This code generates a button like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8257%%MINIFYHTML8a27d15b12010b703d3f578e300abf8258%

Delicious Save Buttons

Unlike the rest of the widgets on this page, Delicious to not offer a widget that can display real-time save count. For more information, click here: Delicious Share Link Options.

Delicious Share Button

This code generates a button like this ↓

Bookmark this on Delicious

Google Buzz Widget/Counter

Replace YOURSERNAME below with, well, your Google Buzz username, you can click here for further options: Google Buzz Widget.

Google Buzz Widget Code

This code generates a widget like this ↓

%MINIFYHTML8a27d15b12010b703d3f578e300abf8263%%MINIFYHTML8a27d15b12010b703d3f578e300abf8264%%MINIFYHTML8a27d15b12010b703d3f578e300abf8265%
Google BuzzBuzz widget
%MINIFYHTML8a27d15b12010b703d3f578e300abf8266%

You might also like...

15 CSS3 Navigation and Menu Tutorials and Techniques »
20 CSS3 Tutorials and Techniques for Creating Buttons »
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials »
22 CSS Button Styling Tutorials and Techniques »
CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes »
50 Useful Tools and Generators for Easy CSS Development »
50 Essential Web Typography Tutorials, Tips, Guides and Best Practices »
The Blueprint CSS Framework - Tutorials, How-to Guides and Tools »
20+ Resources and Tutorials for Creative Forms using CSS »

About the Author: Paul Andrew (552 Articles)

Paul Andrew is the editor and founder of Speckyboy Design Magazine. You can follow Speckyboy on Twitter, on Facebook, on Digg or you can subscribe via RSS.

Comments and Reactions

Partners