For the Bloggers: How to Add Flickr Thumbnail Images to Your Posts

This will be a quick one – if you want to add those nifty little images to your blog posts (and they don’t have to be from flickr), follow these simple steps:

1. Get the code to link to the image (like the stuff under Option 1 at the bottom of this page).
2. In your blog post, before typing any of the body, add this:

   <div style="float:left;padding:5px">[code from step 1]</div>

3. Add your compelling content.
4. Post, crack a cold one.

The key is the "style" attribute in the div tag. "float:left" tells it to, yep, float the div to the left. "padding:5px" creates a 5-pixel around the contents of the div. If you don't konw what any of that means, just smile politely and bask in your newfound ability to have sweet images embedded in your blog posts!

Technorati Tags: html, blogging, images, flickr, hacks