"Digg This" Button To Your Blogger Blog.

"How To Integrate "digg this" button to your blogger blog and how to wrap "digg this" button around and inline beside Blogger post content. This will be good part of your blog design.

This is how it will look like:

Go to Blogger Dashboard.

Go to Layouts and click on Edit Html subtab of Template tab.

Backup your template to PC.

Then put a check in Expand Widgets Template box at top of Edit Template text box and scroll down to the blog posts widget body to this line :

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

Or

<data:post.body/>

Append the following lines of code into the template BEFORE the line of located above.

<div id='digg'><script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
digg_window = 'new';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>

Now you need to create CSS style for Digg this button. Find this line:

]]></b:skin>

If you want to have digg button on the left side of post, append the following lines of code into the template BEFORE the line of]]></b:skin>located above:

#digg {
float: left;
margin-right: 5px;
}

If you want to have digg button on the right side of post, append the following lines of code into the template BEFORE the line of ]]></b:skin>

#digg {
float: right;
margin-left: 5px;
}

Save your template.

That's all...