Sunday, December 22, 2013

How to Add Digg Button to a Blogger Blog or Website


Digg Button is also helpful as like as other share buttons. You should let the visitors to share your posts to the Digg Community. That's why digg button is needed in your webpage.
 Step 01  Log in to your blogger account
Log-in to your blogger account first following the link www.blogger.com Now click on Template from the left side menu. Then click on Edit HTML as shown in the image given below.

 Step 02  Find out </head> or </body>
After clicking on Edit HTML, the HTML Editor will open. Now click anywhere of the codes and press Ctrl+F to enable search option. Type </head> or </body> into the find box and press the Enter Key to find out it.
 Step 03  Paste the codes before </head> or </body> Now paste the following codes given below before </head> or </body>.
<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>

 Step 04  Paste the following codes after <data:post.body/>
Again type <data:post.body/> into the search box and find out it. Then paste the following codes given below after <data:post.body/> tag.
<b:if cond='data:blog.pageType == "item"'>
<a class="DiggThisButton [Button Name]"></a>
</b:if>

 Step 05  Now select your button type
Now you have to replace [Button Name] with your preferred button name. There are three most common popular Digg Buttons. You have to select one from these three. The name of the buttons are given below. Button 01: DiggWide
Button 02: DiggMedium
Button 03: DiggCompact


No comments:

Post a Comment