Tutorial How to Add Digg Button(Blogger)

Digg.com is the one website can driver free traffic to your site.Digg also have some tools, and it a very useful tools,call Digg Button.As you see in my right top of each post.Digg allow your readers to digg your story from your blog finally they'll submit the stories to Digg.


I’ll show you how to put Digg button on the right or left of the top for each post (For blog that do the Automatic Thumbnail and Read More Function).

Follow Step In Below :

1. Login To Blogger >> Go To Layout >> Edit HTML

2. Back up your existing Template before making any changes!

3. Tick The "Expand Widget Templates" box

4. Find This Code(CTRL + F ) <data:post.body/>

5. Copy The Code In Below


<div style="float:left;"><script type="text/javascript">
digg_url = 'YOUBLOG';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>


Change (YOUBLOG) With You Blog URL e.g ( http://blogs-tricks.blogspot.com)


6. Paste the code(in above) before <data:post.body/>

e.g :

<div style="float:left;"><script type="text/javascript">
digg_url = 'YOUBLOG';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>
<data:post.body/>

7. Save Your Template.

Tips:
If you want to change it to the left, change this <div style='float:right;'> to <div style='float:left;'>

If your blog doesn't use Automatic Thumbnail and Read More Function you have to find this code <div class='post-header-line-1'/>.Put the code below above the <div class='post-header-line-1'/>;

e.g :

<div style="float:left;"><script type="text/javascript">
digg_url = 'YOURBLOG';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript">

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