Blog Tools

How to Add Digg Counter to Blogger Template

Here’s a quick and dirty tutorial for adding a Digg button to your Blogspot template.

Don’t forget to back up your template before making any changes!

First thing you need to do is check the box beside “Expand Widget Templates”.

My example shows how to add the Digg counter in the footer below the post. To see how this example looks in action have a look at Tattoo Pics.

Using the picture below as a guide, scroll down until you find the line:

<p class='post-footer-line post-footer-line-3' />

Note: Most often there is nothing inside this paragraph tag so it is closed with a slash at the end. Before adding the Digg code you need to open up the tag so it looks like this:

<p class='post-footer-line post-footer-line-3' >
</p>

Then add this code in between the tags so it looks like the example in the picture below.

<script type='text/javascript'>
digg_url='<data:post.url/>';
digg_title='<data:post.title/>';
digg_bgcolor = '#000000';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>

You don’t need to change any of the code to work with your specific blog. The code will grab your Post URL and your Post Title automatically.

For more info on customizing the look of your Digg button check out: http://digg.com/tools/integrate

If your having trouble leave a comment and I will do my best to respond quickly to help out as best I can.

© 2008 2600 Degrees.