Technology and Making

It took me a while to figure these out, and I'm sure others are in the same position. These code snippets, added to your Template, will insert the latest icon-size submission buttons for Digg, Reddit and Stumbleupon into your externally-hosted Blogger posts. The submission fields for URL and Title are automatically filled in, making it easy for people to share your content. Easily customisable.

Digg:

<script type="text/javascript">
digg_url = '<$BlogItemPermalinkURL$>';
digg_title = '<$BlogItemTitle$>';
digg_skin = 'icon';
digg_bgcolor = '#cccccc';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>

Reddit:

<a href="http://www.reddit.com/submit" onclick="window.location = 'http://www.reddit.com/submit?url=' + '<$BlogItemPermalinkURL$>'; return false"> <img src="http://www.reddit.com/static/spreddit1.gif" alt="submit to reddit" border="0" /></a>

StumbleUpon:

<a href="http://www.stumbleupon.com/submit?url=<$BlogItemPermalinkURL$>"> <img border=0 src="http://cdn.stumble-upon.com/images/16x16_su_3d.gif" alt=""></a>

Thanks to Madhukar for his suggestion of Quick Escape, a web-based tool which instantly converts HTML into correctly escaped code. Very handy indeed.

Labels: autofill, badges, blogger, Digg, escaped code, externally hosted, Reddit, social bookmarking, StumbleUpon, submission badges, Web Design and Development