Put Digg This Button in Your Blog

How to Put Digg This Button

This time we will discuss about a tutorial on how to install Digg This button on your website.

Digg has a tool where visitors can directly submit your articles to digg. This tool is called a Digg This Button.

Then how do I install this digg button on your website? Simply look at the script below.

There are 4 options that you can use.

• Not using the count (only links, no amount submit).

<a expr: href = '"http://digg.com/submit?url =" + data:post.url + "&title =" + data:post.title' target ='_blank' title = 'Submit this post on Digg"> Digg This </ a>

• Not using the count (icon).

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

• With the count (small).

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

• With the count (big).

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

For Blogger users, see the installation tutorial below.

• Copy one of the script above.
• After that, go into your Blogger account.
• Select Layout » Edit HTML
• Click "Expand widget templates", then look for code below. This code is the code for the title of the post. Each template may be slightly different, so adjust your template.

<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'> <data:post.title/> </ a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'> <data:post.title/> </ a>
<b:else/>
<data:post.title/>
</ b:if>
</ b:if>
</h3>

• Paste the script you copied before above the code on no. 4.
• Finally, add the following code in the script digg this.

<div style="float: right;">
digg this button code
</div>

The script above can not only be used to blogspot, but also or other blogs / websites such as wordpress.
Good luck!