How to add DIGG button in Blogger : Blogging Tips

Many of readers like to bookmark or digg the content which they find interesting while surfing on net. So its better we bloggers add “DIGG” button to every post of our blog. Readers digg the contents when they like it so that they can read it in future. If you have a good story, members will ‘digg’ the post and submit comments. As a blog owner, you may want to make it easy for and encourage your readers to submit and digg your articles and in return you will get traffics and positive feedbacks from readers. Here is the tips on adding “DIGG” button.

But before adding “DIGG” button, you will have to do some manual changes in your Blogger Account Dashboard.

1. Your blog should be set to save Post Pages. Post Pages are archived blog posts published to their own web page. Each post will have a unique URL, which is required by Digg for the individual posts to be submitted. To verify or enable it, login to your Blogger Dashboard. Under Settings-> Archiving, set the “Enable Post Pages?” to “Yes” and save the settings.

2. This template hack will put a Digg button to every post. You are therefore not able to choose which post you want to include or exclude a button. If you would prefer to have a Digg button added only to some posts, read the later part of this article on “Button for selective posts.”

3. The code reads the URL of the individual blog page and this shall be the URL used for submission of the story to Digg.

First search for this below code in your Dashboard > Settings > Edit HTML

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

Now replace the above code with the below given code to get a Digg button at top of every post.

<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>
<p><data:post.body/></p>

Here is a another method of adding Digg button. If you need a Digg button at the bottom of every post than here is the code.

<p><data:post.body/></p><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>