Thursday, December 17, 2009

How to Add Digg Button in Blogger

In one of my previous post titled How to Add Re-tweet Counter in Blogger, I described how you can add re-tweet counter in blogger. Now, in this post I am going to describe how you can add digg button in your post page. Before adding digg button let me say the importance of digg button. If you add digg button in your post page visitors will be able to digg your post directly from your blog. This will help you to get more traffic to your blog.
So, now let's move to the main point. Follow the steps below if you want to add a digg button in your blogspot blog.
  • Go to Blogger.com.
  • Log in with you Google e-mail and password.
  • From your Dashboard click on Layout.
  • Then click on Edit HTML.
  • Now at first back up your entire template clicking on Download Full Template.
  • Then check Expand Widget Templates checkbox.
  • Now find the following code block.
<data:post.body/>
  • Now copy the following code block before <data:post.body/>
<!-- DIGG -->
<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>
  • Now save and view the result.
If you face any problem feel free to post a comment and if you find this useful or like this please digg or tweet this post.

No comments:

Post a Comment