Adding "digg it" buttons to Blogger

As you have no doubt noticed, I’ve added some digg blog furniture to my posts. This wasn’t quite as simple as the instructions on digg suggested, sadly, so I had to find help elsewhere.

This page was most helpful, but it deals only with New Blogger with it’s fancy modern templates and tags, and I’m still using a (heavily modified) old Blogger template, so the examples provided didn’t work. Thankfully, they only required minor tweaks. I was interested in the “compact” digg button with counter, so started with the code provided for that:

<div style=’float:right; margin-left:10px;’>
<script type=’text/javascript’>
digg_url=”<data:post.url/>”;
digg_bgcolor=”#BDEDFF”;
digg_skin=”compact”;
</script>
<script src=’http://digg.com/tools/diggthis.js’ type=’text/javascript’/>
</div>

The first issue for me was with the final script tag – it needs to be a <script></script> rather than a <script> else it doesn’t work. The other bit is the digg_url=”<data:post.url/>”; line – <data:post.url/> doesn’t exist in old Blogger-speak.

Luckily, there’s an almost exact alternative – <$BlogItemPermalinkUrl$>. Stick that in instead, bung the whole lot of code up in the place in the template you want it, and republish. Job’s a good ‘un!

<div style=”‘float:right;”>
<script type=”‘text/javascript'”>
digg_url=”<$BlogItemPermalinkUrl$>”;
digg_skin=”compact”;
</script>
<script src=”‘http://digg.com/tools/diggthis.js'” type=”‘text/javascript'”></script>
</div>

Leave a Reply