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
-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:
Can I upload the icon I choose somewhere in blogger?
Thanks for your help
Cool-- thanks, man. Obviously not difficult but I wouldn't have known how to do it without your help. Appreciate it!
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
Thanks, it was pretty easy to "replicate" for my Dotclear blog.
saved me time. thanks.
Sweet! Thank you so much for this.
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
Post a Comment