1) Copy the following code to your clipboard:

<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'>
</script>
</div>

2) Logon to your Blogger.com. Choose Layout in the dashboard. Then click Edit HTML. Check the Expand Widget Templates checkbox. Find the code indicated below by pressing Ctrl-F.

<div class='post-header-line-1'/>

or

<div class='post-header-line-1'>
.
. (maybe some codes are in here)
.
</div>

3) If you got the first one with a backslash before the ending tag (“>”), split it to two by omitting the backslash and creating a separate ending tag. Just like the second one. See code below as an example.

<div class='post-header-line-1'>

</div>

4) Insert the code you copied into clipboard right after

<div class='post-header-line-1'>

5) Click Save Template.

So that’s it, you’ve got now your own Digg Icon at the upper right corner of your all the posts in your blog. Your readers can click it to submit your article to Digg.com and/or to Digg it. The icon will also show you how many people have actually “Dugg” your post.