How to Add a Digg Compact Button to Blogger

Digg is a content rating website that ranks the popularity of a page or article based on votes by visitors and Digg users. In order to get a blogger post on the Digg website, you must install a Digg button into your template’s HTML code. Digg provides four different styles of buttons, including the compact version, which will appear within the content of each blog post. Your visitors can then click the button to vote for your article and increase its popularity on the Digg website.

Instructions

1. Log in to your Blogger account and click the name of your blog.

2. Click the “Template” option, then click “Edit HTML.” A new window will appear with your Blogger HTML code.

3. Place a mark next to the “Expand Widget Templates” option.

4. Search for the “</body>” tag in the code.

5. Highlight the following code, right-click and select “Copy” from the menu:

   <script type="text/javascript">
   (function() {
   var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
   s.type = 'text/javascript';
   s.async = true;
   s.src = 'http://widgets.digg.com/buttons.js';
   s1.parentNode.insertBefore(s, s1);
   })();
   </script>

6. Right-click in front of the “</body>” tag and select “Paste” to place the code in your HTML.

7. Find the “<data:post.body/>” tag in the Blogger template code.

8. Highlight the following code, right-click and select “Copy” from the menu:

   <div style='float: right; padding: 4px;'>
   <!-- Compact Button -->
   <a class='DiggThisButton DiggCompact'/>
   </div>

9. Right-click behind the “<data:post.body/>” tag and select “Paste” to place the code in the HTML text box.

10. Click “Save Template” to complete the changes. Now, when you view your blog posts, they will all contain the compact form of the Digg button.

References

• Digg: Integrate: The Digg Button