How to Add Digg Button To your Blogspot Blog

Hello Friends,Now add a Digg Button to your Each and every blogspot site article. Follow the method Described Below to add the Button to each and every post.
Step 1: Open Your DashBoard of your Blogspot site. Click on the Layout Tab . It will look like this.

Step 2: After Clicking on layout,Now click on the “Edit HTML ” tab to open the HTML view of your website. It will look like this .

Step 3: Click on the “Expand Widget Templates” and search for the Following Code in the HTML view. After Searching it will look like this.

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

Step 4: Now,here,there are four ways to add Digg Button to Your Blog

For Case (i):Add Digg Button to Right top of the Post : Copy the Below Code and replace the above highlighted code to this new code completely,

<div style=’float:right; margin-left:10px;’><script type=’text/javascript’>digg_url=&quot;<data:post.url/>&quot;;</script><script src=’http://digg.com/tools/diggthis.js’ type=’text/javascript’/></div><p><data:post.body/></p>

–>> This is the picture after following the method 1

For Case (ii): Copy this Code and replace this with the above Highlighted code in step3.

<p><data:post.body/></p><div style=’float:right; margin-left:10px;’><script type=’text/javascript’>digg_url=&quot;<data:post.url/>&quot;;</script><script src=’http://digg.com/tools/diggthis.js’ type=’text/javascript’/></div>

–>>> This is the View of your post,after following the second method.

For Case (iii):


To add Digg Button to the Starting of the post, means, to the left of the every post,just copy the code below and post it to the above highlighted code.

<div style=’float:left; margin-right:10px;’><script type=’text/javascript’>digg_url=&quot;<data:post.url/>&quot;;</script><script src=’http://digg.com/tools/diggthis.js’ type=’text/javascript’/></div><p><data:post.body/></p>

Case (iv): There is another way to add a Digg Button like,shown in figure,


To do this,copy the following Code,to the above highlighted code in step 3 .

<div style=’float:right; margin-left:10px;’><script type=’text/javascript’>digg_url=&quot;<data:post.url/>&quot;;digg_skin=&quot;compact&quot;;</script><script src=’http://digg.com/tools/diggthis.js’ type=’text/javascript’/></div><p><data:post.body/></p>

Now,Save your Template and Open your Website in New Browser to see the Changes.I think this Tutorial will help You. If still there is any problem with you,then please Write your comments here.Thank You