17 August, 2006

How to add a "digg this story" button (or link) to your posts in blogger

Being a fan of Blogger and Digg alike, I wanted to allow the readers of my blog to digg any of the posts I made that they dugg. Thanks to the guidelines provided in the Digg Blog, I was able to get going. All I required besides it was a basic understanding of the Blogger tags. Here's what you need to do to replicate what I did:

-Go go the Dashboard and click on Settings for the blog you want to add a Digg button to.
-Select the Template tab.
-Scroll down until you find the tag. A little below it, you will find the section corresponding to the post footer.
-Depending on the template you have, the structure of your footer may vary slightly, but regardless, include a link with the following structure between the timestamp permalink and the comments link:

<a href="http://digg.com/submit?phase=2&url=<$BlogItemPermalinkUrl$>
&title=<$BlogItemTitle$>" target="_blank">DIGG THIS STORY</a>


-If you want a button saying anything "fancy", like "digg this story" or "digg this", download the icon pack also conveniently offered by the Digg Blog to save yourself some work.
-Upload the icon of your choice to a space in a server and substitute the "DIGG THIS STORY" text for this code to display the image:

<img src="http://YOUR_SERVER_ADDRESS/ICON_FILENAME.gif" border="0" align="bottom" title="digg this story">

-Preview your changes, to make sure things are in the right place and they look the way you want them to.
-Save the Template Changes and either post something or republish the Index file, so that you can see your updated blog template with a nice-looking "digg this story" button (or link).

Happy digging!

8 comments:

Peter said...

Can I upload the icon I choose somewhere in blogger?

Peter said...

Thanks for your help

Scott said...

Cool-- thanks, man. Obviously not difficult but I wouldn't have known how to do it without your help. Appreciate it!

Dave Lucas said...

Manny, you are aWeSoMe!!! It works! Here is the address of the "Digg This" image I am using on my blogger blog (this addy probably won't work if you're not on Blogger!)

http://photos1.blogger.com/blogger/6652/677/1600/digg-this.0.png

and here's my blog addy so you can see how it looks and test it out: (Be sure to follow Manny's directions EXACTLY!)

http://dave-lucas.blogspot.com

bistouri said...

Thanks, it was pretty easy to "replicate" for my Dotclear blog.

rh said...

saved me time. thanks.

BrideOfPorkins said...

Sweet! Thank you so much for this.

Smote said...

Thanks very much dude! That tutorial is a cut above the rest of the crap on the internet. But, it took me quite a while to work out where the whole thing was, so please be more specific.www.smotespace.blogspot.com