04 · 09

Popular Social Sharing and Bookmarking Widgets and Buttons for Wordpress - Speckyboy Design Magazine

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.

The icons below are from the free Vector Social Media Icon Set designed by Icondock

Digg IconDigg 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 ↓

0diggsdigg

1
<script src="http://widgets.digg.com/buttons.js" type="text/javascript"></script>
Digg Large Button Code

This code generates a button like this ↓

0diggsdigg

1
<script src="http://widgets.digg.com/buttons.js" type="text/javascript"></script>

Reddit IconReddit 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 ↓

1
<script type="text/javascript" src="http://www.reddit.com/button.js?t=1"></script>
Reddit Large Button Code

This code generates a button like this ↓

1
<script type="text/javascript" src="http://www.reddit.com/button.js?t=2"></script>

StumbleUpon IconStumbleUpon 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 ↓

3

1
<script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script>
StumbleUpon Large Button Code

This code generates a button like this ↓

3

1
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>

Facebook IconFacebook 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 

1
Share<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
Facebook Large Widget Code

This code generates a button like this ↓

 Share

1
Share<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Mixx IconMixx 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 ↓

20+ Resources and Tutorials for Creative Forms using CSS »