Digg Button Code to Show Digg icon in Blogger Posts

Social bookmarking sites sites can play a lead role in providing decent traffic and better PR. You must associate social bookmarking icons to each of your blogger blog posts so that your visitors can submit your posts to different social networking sites. Like ReTweet button, Digg button is also known as one of the most powerful social bookmarking icons, keeping Digg’s huge traffic and popularity in eye. If you want to give more mileage to each of your posts, you should add Digg button to each of your posts. Adding a Digg button is simple, takes a maximum of 5 minutes but works like one of the major pillars for your blog.

Adding Digg Button to Blogger blog posts

1. Login to your Blogger dashboard.
2. Navigate to Layout >> Edit HTML
3. Back up your blogger HTML template
4. Expand your widgets templates by checking the box
5. Search for <data:post.body/> inside your template (Press Ctrl+F to search)
6. Add the following piece of code just before it

<!-- Digg Code by www.solidblogger.com -->
<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>
<!-- Digg code ends here -->

7. Click on Save Template to save the changes you have made
8. You are done.

Now you can see a Digg button to the next of your first post paragraph. Your visitors will be able to bookmark your blog posts on Digg by simply clicking on the Digg button. Remember not to play with the above Digg button code, however you can edit it to change the margin space or to align differently. If you want to display Digg button at the bottom of the posts, simply paste the Digg button code after <data:post.body/> in step 6.