Tuesday, December 15, 2009

«Social Networking Icons»

I have brand new, fancy social networking icons at the bottom of my posts (before the comments) now for sharing my posts. I wrote the code, and the icons themselves are courtesy of Komodo Media. You must have javascript enabled to see them.

In Google Chrome and Safari1 they even have a nice little fade effect when you hover over them. Firefox and Internet Explorer do not support the fade effect. That's still 15% of my traffic that should see the fade effect.

If the icons appear in a vertical list and/or you can see both the small and large versions of the same icon at once, it means your browser still has the old css cached. Simply hold down the Shift key and click your browser's reload button. This will perform a hard reload, and force the browser to download the latest css file.

I decided to include 9 of the major social networking sites: Delicious, Digg, Facebook, Mixx, Reddit, Stuble Upon, Technorati, Twitter, and Yahoo! Buzz. I chose these ones because they are the ones I see most often elsewhere.

So go my minions2, those icons aren't just there for looks. Share links to my blog!

1: I do not have Safari, so the fade effect is untested in Safari.
2: Yeah, like I have enough of a following to even have minions...


  1. Lol _ ill be a minion for today then. Well done on doing your own coding. They look good - nice effects. I have a plugin widget thingy for this but I sometimes feel its more code heavy than I would like and extends page load times.

  2. @ Bunc: I used javascript to construct the links and truncate the Tweet This output down to 140 characters if needed. But the effect is done purely with css. That way there's no onMouseOver event used.

    I thought about one of those plugin widget thingies, but I decided I'd rather write one myself. That way I get exactly what I want, it's easy for me to add stuff later, and there's no extra crap to slow down load times.

  3. Oh, and I can also track how often each one is actually clicked. So that's another added bonus for writing it myself.

  4. Hmmm. Should I volunteer to be a minion? Nah. I am too scatterbrained and insubordinate to be a good minion. Hopefully you can find a way to employ those coding skills one day. I spend too much time doing other kinds of coding and am trying to figure out how little learning I can get away with between now and a receding retirement!

  5. I'd be a minion... you know... if I did any social networking.

  6. @ Vid: Yeah, same with me. It's why I don't submit my own stuff. Out of those 9 icons, I have an account with the last 3 of them: Technorati, Twitter, and Yahoo Buzz.

    Except I hardly ever log into Technorati, and I've never used Yahoo Buzz (I just have an account with Yahoo). That leaves Twitter... And the whole Twitter thing's new to me.

  7. I want to quote your post in my blog. It can?
    And you et an account on Twitter?

  8. @ Anonymous (#7): I answered this in the other post you asked. You can quote my blog so long as you provide a link back to the page you quoted. I publish all my stuff under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported license.

    And my twitter account is MasterMarf.

    If you ask this exact same question again in another random post, I'm going to start thinking you're a spambot.


Thanks for taking the time to comment.

Note: Only a member of this blog may post a comment.

»» «« »Home«