Skip to main content

How to add Bookmarking Site button Digg to Blogger

Every Blogger desires to qualify their blog with good rating in the Bookmarking sites like Mixx, Digg, Facebook and Twitter etc.., which will help more to grow overall ratings, as people discover and share content from anywhere on the web, and by getting more views over their blog through these sites to travel upward. Added submitting the content in such sites, its best having Buttons of above mentioned sites to our blog, in an account that will display real-time count, of views.

So it necessitates website and blog publishers encourage their viewers to submit content to Bookmarking sites to travel up ward and so its good having such buttons in our website or blog.

Let we see one by one starting with the Digg Button in this Tutorial..,

Classifications of Digg Buttons

The Digg button, also known as the “Digg This” button basically with Smart:

  • Digg button

  • Static Digg button

Most of them prefer the Smart Digg button, as it displays a real-time Digg count and as more customizable.

The Smart Digg button is further available in 4 different predefined sizes:

  • Wide

  • Medium

  • Compact

  • Icon
And with the above 4 types Medium Smart Digg Button will be compact and do.., Comfort? Yeah!

So here is the one by one steps of How to add medium button to the blogs or websites.
Go to Design > Edit HTML tab and check “Expand widget template”.

Add the below JavaScript just before </body>:
(You could find this in Link)

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

This code can be placed in either the <head> or the <body>. The earlier it appears in the document the sooner the download can begin and your buttons can be initialized.

This div section can also add the Digg JavaScript with this widget holder.

<b:if cond='data:blog.pageType == "item"'>
<div style='float: right; padding: 5px;'>
<script>(JavaScript goes here)</script>

Find <data:post.body/> and immediately before it add the div section:

<b:if cond='data:blog.pageType == "item"'>
<div style='float: right; padding: 4px;'>

Finally save template.

Pieces of code mentioned above - <b:if cond='data:blog.pageType == "item"'> & </b:if> used to visible the button only for the post pages and can be removed  if it needed to be visible in homepage archive pages or label pages without entering the post to read it.

Placement of Digg Button Left or Right

the codes <div style='float: left; padding: 4px;'> makes the Button place Left

the codes <div style='float: right; padding: 4px;'> makes the Button place Right

For further details script code.

More Posts...

New iPhone iPad App Remove Stress

Economic Satellites Signals to indicate Natural Disaster

How to adjust body position in front of the PC