Creating Submission Image Links For Digg, Reddit, and Del.icio.us

By Daniel Miessler on October 14th, 2006: Tagged as Blogging | Programming | Social

If you’ve done anything on the Internets over the last few months you’ve probably seen little icons like these:

These are links to various social bookmarking sites — places you and others can submit your content for rating and storage by others. It’s pretty easy to get these on your site if you’re a blogger. There are a number of tools that can add some or all of these to the bottom of each blog post, which is what most do.

What I needed, however, was a way to put these at the bottom of my custom pages, i.e. those that weren’t managed by my blog software. So I did a bunch of searching and came up with the following code for the three that I use: Digg, Reddit, and Del.icio.us.

Sorry for this being an image; I haven't yet solved the code-mangling issue within WordPress posts. It's on my list.

Anyway, this is how it's done, and it's working great. You can see how it looks by loading any page of mine under /study, such as my guide to the lsof command.

  • joat

    Those same graphics work well in the links bar for Firefox. Drag and drop a site onto the toolbar, click on the link to load the page and the ico, right click on the link, select “Properties”, clear the “Name”.

  • joat

    Those same graphics work well in the links bar for Firefox. Drag and drop a site onto the toolbar, click on the link to load the page and the ico, right click on the link, select “Properties”, clear the “Name”.

  • http://slashback.org/ Tim

    I’d like to point something out:

    Putting a javascript action as an “href” for a link is generally bad. If I didn’t have javascript enabled, the link would do nothing.

    Here’s what I’ve recently learned (I left out the less/greater than signs so WordPress doesn’t screw it up)

    bad: a href=”javascript:blah”

    acceptable: a href=”someurl” onClick=”javascript:blah”

    Good: a href=”someurl” class=”special”

    In that last example, you’d use a DOM script to add in the onClick event handler for the link (get all elements by tag “a” and filter by attribute “class” equals “special”). For extra encapsulation, you should keep the DOM script in a separate file.

  • http://slashback.org Tim

    I’d like to point something out:

    Putting a javascript action as an “href” for a link is generally bad. If I didn’t have javascript enabled, the link would do nothing.

    Here’s what I’ve recently learned (I left out the less/greater than signs so WordPress doesn’t screw it up)

    bad: a href=”javascript:blah”

    acceptable: a href=”someurl” onClick=”javascript:blah”

    Good: a href=”someurl” class=”special”

    In that last example, you’d use a DOM script to add in the onClick event handler for the link (get all elements by tag “a” and filter by attribute “class” equals “special”). For extra encapsulation, you should keep the DOM script in a separate file.

  • http://slashback.org/ Tim

    Here‘s a link to a presentation for a DOM scripting session I went to in Rock Eagle last week that may shed some light on to what I’m trying to say.

  • http://slashback.org Tim

    Here‘s a link to a presentation for a DOM scripting session I went to in Rock Eagle last week that may shed some light on to what I’m trying to say.

  • http://dmiessler.com/ Daniel Miessler

    True, if you didn’t have Javascript installed…but most everyone does, so I think it’s ok. Good information, though, thanks; I’ll definitely check it out…

  • http://dmiessler.com Daniel Miessler

    True, if you didn’t have Javascript installed…but most everyone does, so I think it’s ok. Good information, though, thanks; I’ll definitely check it out…


Top

Popular

Information Security / Technology

Politics

Philosophy & Religion

Technology & Science

Culture & Society

Miscellaneous

Arguments

Projects

Collections

Twitter

  • An Über List of User-agent Strings | http://t.co/PLrwU9vj #websec #infosec
  • Coffee. Scone. Way too much work due soon. Life is wonderful.
  • "My first wife died of mushroom poisoning. My second wife died of a concussion. She wouldn't eat her mushrooms."
  • Source2URL: Parse Source Code Directory, Send URLs Through Proxy | http://t.co/Se7cWxNP #websec #infosec
  • The 5 Why's Method of Discovering Root Causes | Harvard Business Review http://t.co/mGcbdL0L #productivity
  • A List of Source Code Analyzers | http://t.co/67YbEDJo #nist #appsec

What I'm Reading

Favorite Books and Essays

Top Blog Categories

Inputs