Sunday, January 29, 2006

Dynamifying my bookmarks

I guess this is as close I'll get to talk about Web 2.0 (yuck) in this blog. I'm in the process of moving my links in this blog out of my static template and into del.icio.us (tip o' the hat to Petter!), like the blogroll from bloglines, except this is a linkroll, I guess. Here are the steps I did to get it in:

  1. Bookmarked and tagged all the links on my del.icio.us (tagged with atleast 'cms')
  2. Did not bookmark links that I blogroll allready
  3. Find out what to do with the template. This turned out to be more difficult as all the how-to's on the net are concerned with how to integrate tagging between del.icio.us and blogger, which I don't care about (yet). Tagging (i.e. metadata) is seriously overrated anyway.
  4. Patiently wait for Petter to comment here and say what he did because I can't bother finding it out on my own right now :)
  5. Thanks, Petter! Went to http://del.icio.us/help/linkrolls and fiddled with it a bit
  6. Pasted it into a comfortable area in my template (same place as yon ole links)
  7. Fiddled with the CSS a bit (thanks, Lars!). Ended up with these styles:
.delicious-posts { margin: 1em; border: 2px solid #999; padding: 0.5em; width: 14em; font-family: sans-serif; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0; }
.delicious-post { padding: 0.25em; font-size: 80% }
.delicious-odd { }
.delicious-banner a { font-size: 80% }
.delicious-post a { }
.delicious-posts a { text-decoration: none; color: #f93; display: block; padding: 0.3em }
.delicious-posts a:hover { color: #fc9; }
.delicious-posts .delicious-odd a{ color: #888899 }
.delicious-posts .delicious-odd a:hover{ color: #cdcdcf }