How to add a Digg This button in Blogger and Wordpress

I know this information is out there, but I wanted to put it in one place. For my convenience, because I have both a blogger blog and a Wordpress blog.

I like them both for different reasons. I'm using a regular blogger account and a Wordpress.com (free) account. I am not hosting my Wordpress blog.

There are limitations to both, but both work just fine.

IMPORTANT: You will need to register at digg.com so you can start digging stuff.

For Blogger:
I have found a couple of ways to do this. The way I am using is to add the Digg This button to every post by modifying the template.

Blogger does not allow javascript in posts, and that's the only way Digg.com offers the button, so you'll have to add it to the template, which adds it to every post. If you don't want this, then this article will not help you. If you figure out a way to add the button to individual posts, let me know.

I guess I'm supposed to say here that you should save your template to your hard drive before modifying it. I haven't done that yet, but it's up to you.

So, Go to your dashboard, click the Template tab, then Edit HTML.

Click "Expand Widget Template"

You will need to find this piece of code:

<p><data:post.body/></p>

It is about half way down. (tip: you can search the page in firefox and explorer on the mac by typing "apple" "f" and on Windows by typing "ctrl" "f", then typing "data:post.body" and it should find it.

Then copy the code below this sentence and replace the above piece of code completely (take a good look at this code, you can see it adds the replaced code back in)

<p>
<!-- DIGG -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>
</p>

Now, understand this...this code will add a button to all your posts with a "zero" diggs displaying until someone diggs it, and so, you can go and digg your stories first, or wait until one of your readers do it.

The Digg This button will be placed "align=right", top right corner of your post, so if you tend to put large pictures opening your post, you might want to make them smaller (less width).

For Wordpress.com
Unlike Blogger, you can add a Digg This button to individual posts.

You will need to write your post first. Publish your post, and copy the url of the post.

Go to Digg.com and submit a new post.

Paste the url you just copied into the field asking for where the story is from.

Fill in the rest of the fields, and look through the articles they might claim might be the same.

Once you get the "success" message, copy the url.

Now go back to your post and add this to it: [digg=http://YourPostURL]. So basically you are adding [digg=] and then pasting your dig submission url into the space after the equals sign.

The Digg This button will be placed "align=right", parallel to where you placed the code.

Hope this helps.

What do you think?
1. Do you know of a way to add the button to indivicual posts in Blogger?
2. How often do you Digg stories?
3. Are you using Blogger or Wordpress?