Jan 8, 2009

Add Digg Button To Blogger Posts

All of us know about the digg.com this is a site which allows us to submit stories from our blogs, websites so that people interested in them can share that information with other people by digging that story. But for digging the articles we need to have the feature integrate the feature in our blog or site.

Adding the digg function in blogger is easy. You have to register an account if you want to digg your stories.

You need to edit the template. Here is how to do it.

--- Sign in to your blogger account and go to Layout page.

--- Click on Edit HTML to edit your template code.

--- Now look for this code. Use your browsers search feature to find it. If you can't find it put tick mark for Expand Widget Templates and search again.


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


--- Once you find the code select it and replace it with the following code.


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


--- Above code will add a digg button as shown on this blog.

--- Preview the template and if everything looks good save the template.

No comments:

Post a Comment