www.nerdscene.com » digg http://www.nerdscene.com bitching about everything, one post at a time... Tue, 06 Apr 2010 17:40:42 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Can you digg it? http://www.nerdscene.com/2007/02/26/10/ http://www.nerdscene.com/2007/02/26/10/#comments Mon, 26 Feb 2007 09:11:02 +0000 Eli Sand http://www.hoktar.com/blog/archives/8 Everyone else seemed to have these “digg it” links on their sites, so I figured I needed it too since that’s the web 2.0 way apparently. So, now I have some pretty little “digg it” links beside each post! I haven’t tried any yet, but they should work. I’ll just wait for my first digg to happen and hope someone used a link to do it :)

Update: I have updated the iframe tag code to encode the URL, and also added a fix for IE so that the iframe would display properly.

If people are interested in adding the links to their own installations you can follow the instructions on digg.com’s site about integration which says to just insert a <script> tag, but I personally don’t really like the idea of using in-line <script> tags. They belong in the header, not strewn about in the body. So instead of using their code, I decyphered what their code did and just inserted the actual HTML. It turns out that all their script really does is just produce an <iframe> tag, so I took what they produced and tweaked it a bit and made it all web 2.0.

<style type="text/css">
.digger {
width: 52px;
height: 80px;
overflow: hidden;
border: none;
}
</style>
<iframe class="digger" src="http://digg.com/tools/diggthis.php?u=<?php the_permalink(); ?>"></iframe>
<iframe class="digger" frameborder="0" scrolling="no" src="http://digg.com/tools/diggthis.php?u=<?php echo rawurlencode(get_permalink()); ?>&t=<?php echo rawurlencode(the_title()); ?>&b=<?php echo rawurlencode(the_excerpt()); ?>"></iframe>

That’s essentially all you need – place the CSS anywhere really (I just made mine inline for now for simplicity), and then put the <iframe> tag in to the “post loop” in the index.php page for your theme and you’re all done! You’ll want to add some extra CSS to the class though so you can position/format it nicely, but you’ll want to keep what I’ve given you already.

Enjoy! No fancy plugins required (though perhaps one would be nice – maybe I’ll add one when I dive in to WordPress plugins some time) and no fancy JavaScript required either!

]]> http://www.nerdscene.com/2007/02/26/10/feed/ 4