Some of my friends and co-workers have been asking how I have integrated Flickr into each one of my blog posts so seamlessly. Well, first of all, what I have done is nothing new or ground-breaking. Here’s a quick tutorial to get you started down the right path. If you run into any snags along the way, feel free to comment this post and I’ll help you out!

  1. Get yourself a Flickr Account if you don’t already have one!
  2. Download the Lightbox2 plugin here!
  3. Inside flickr, set up the blogging service with the following layout
<div style="float: right; margin-left: 10px; margin-bottom: 10px;">
<a href="{photo_src}?phpMyAdmin=829c481222f7t332f3e5" rel="lightbox" title="{photo_title}"><img src="{photo_src_m}" alt="" style="border: solid 2px #000000;" /></a>
<br />
<span style="font-size: 0.9em; margin-top: 0px;">
<a href="{photo_url}?phpMyAdmin=829c481222f7t332f3e5">{photo_title}</a>
</span>
</div>
{description}
<br clear="all" />

Yes, I’m using this as an excuse to play with my new code-block display rendering plugin. I’m sure there will be more to come.