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>