Friday, October 30, 2009

How to Add digg button to all posts on your blogspot blog

How to Add Digg Button ,


  • Open your Blogger Dashboard

  • Click on Layout > Edit Html part.

  • now Click on Expand Widget Templates

  • Seach for <data:post.body/ >

  • Paste the Below code above the searched text


  • <script type="text/javascript" >
    digg_url = 'WEBSITE_URL';
    digg_bgcolor = '#ff9900';
    digg_skin = 'compact';
    digg_window = 'new';
    </script >
    <script src="http://digg.com/tools/diggthis.js" type="text/javascript" > </script>


  • digg_bgcolor - change the background color

  • digg_window - set is 'New' when you want to open page on new window

  • digg_skin - its a optional control by default it is yellow , you can change it according to you

  • digg_url - 'WEBSITE_URL'; here just enter URL of the page


  • you can omit all the attribute , but you can't omit digg_url - its your post url submitting to digg.
  • now you can click on save your template , it will take effect soon .


happy digging..

3 comments:

  1. i did as instructed by this article but get an error on my page where the digg button should be. the error says "Digg.com Digg This Button Error\n\nThe code implemented by the creator of this page has the following problem:\n\nThe URL does not appear to be a properly formed hostname.\n\nVisit http://digg.com/tools/integrate for more help in debugging."

    ReplyDelete
  2. i figured out that the blog url must be manually inserted in place of 'website url' in the html for this to work.
    hope that this is helpful to anyone trying to do this. to see how mine looks, you are welcome to visit:
    http://eco-logicblog.blogspot.com/

    ReplyDelete
  3. yes mayla you need to manually insert url then only it will work

    ReplyDelete