How to Add Digg Button to Blogger Posts

Share

Submitting a content from your blog to Digg.com brings more exposure and traffic to your blog. This post explains how to add a Digg button to your Blogger blog easily.

1. Go to Blogger Layout page – Edit HTML – and click Expand Widget Templates.
   
2. Now Search (Ctrl+F) for:
   </head>

   and REPLACE the above line with the following code:

   <!–DIGG BUTTON SCRIPT START–>
   <script type=’text/javascript’>
   (function() {
   var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
   s.type = &#39;text/javascript&#39;;
   s.async = true;
   s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
   s1.parentNode.insertBefore(s, s1);
   })();
   </script>
   <!–DIGG BUTTON SCRIPT END–>
   </head>
3. Now again Search (Ctrl+F) for:
   <data:post.body/>

   and REPLACE the above line with the following code:

   <a class=’DiggThisButton DiggCompact’/>
   <div style=’clear: both;’/>
   <data:post.body/>

   (This is the code for Compact button. Refer below for more buttons)

   (Medium)	(Compact)	(Icon)
   <a class=”DiggThisButton DiggMedium“></a> <a class=”DiggThisButton DiggCompact“></a> <a class=”DiggThisButton DiggIcon“></a>

4. Now Save your template to see a digg button appearing below the post titles!

Hope it worked fine! Enjoy Digging!

Share

Article by Shafar.
About the Author: Tech Freak, Android Lover, Wordpress Addict, Social Media Junkie and the Founder of TipsBlogger.
To submit guest posts to TipsBlogger, please read the Guidelines.

2 Responsesto “How to Add Digg Button to Blogger Posts”

1. ng says:

   November 2, 2009 at 4:48 am

   thanks its really helpful for my blog

   http://whatwhyhow-cihu.blogspot.com/
2. Nepal treks says:

   July 1, 2011 at 6:42 pm

   thank you very much for information. it help me to add button in my website