Skip to content

How to add a digg button to blog posts in Blogger

Post this topic on X

In Blogging Beginners

The IndiBlogger forum is now a read-only archive. Every public discussion is still here to read, but new topics and replies are closed.

Keshav Saini
from Delhi |

Hi,

Adding a Digg Button to all blog posts in blogger is really simple and interesting. You only need to change a code in your HTML with the code mentioned below.

Look for the following code in your HTML

<p><data:post.body/></p>

And replace it with

<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>

You are done. All of your Blog posts will have a Digg Button now.

For detailed instructions with pictures visit here

How to Add a Digg Button to Blog Posts in Blogger

Replies 1 to 4 of 4

leon
from kolkata |

really interesting ... but i believe there must be some plugins for this

Magali Vaz
from Mumbai |

Hi! Interesting article. But I have a question. I already have a compact tweetmeme button for all my blog posts. So is how does one insall a compact version of the digg button (I know there's one because I've seen it on some foreign blogs)

Thanks

Googy
from Delhi |

There are many other ways to install compact version of digg buttons, but the two most easier versions i.e. "Compact & Icon" you can get just adding a simple code to the Keshav Saini's code above, here are the codes:

For Compact:

<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; digg_skin=&quot;compact&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>

For Icon:

<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; digg_skin=&quot;icon&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>

That's It:

Googy: AroundTheWeb.Co.In

Googy
from Delhi |

@Magali Vaz...There are many other ways to install compact version of digg buttons, but the two most easier versions i.e. "Compact & Icon" you can get just adding a simple code to the Keshav Saini's code above, here are the codes:

For Compact:

<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; digg_skin=&quot;compact&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>

For Icon:

<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; digg_skin=&quot;icon&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>

That's It:

Googy: AroundTheWeb.Co.In

Keshav Saini
from Delhi |

Hi, thanks for sharing codes.

Do anyone can paste here the code which contains every social media share Buttons? I have seen some posts with "Share Button" which has Facebook, Tweet this, Digg this and lots of other options in one row.