Jason Hasselkus

I’ve been asked about a hundred times how I did the flickr thing on my sidebar without using a plugin. Actually it’s really easy and here’s how I did it. First log in to Flickr and create a new HTML Badge. Next choose the photo’s you want to show on your site and move to the next step. In this step the only thing that matters is the size of the thumbnail, my choice was square. The next section is all about colors and that doesn’t matter either because we are going to style it with our own css. Once we click next, we get to the point where flickr generates the code for us that we are going to use. Now open up your sidebar.php file and insert the following piece of code that was generated by flickr.

Notice that we don’t use all the code that was generated by Flickr, just the script piece. I also want to change the number of pictures that show up, currently the script lists only three, so I’m going to change “count=3″ to “count=4″ on the script line. That should pretty much do it for generating the code we need and the placement in the sidebar. Now lets style it so that it looks a little cleaner.
Open up your stylesheet and add something like the following:

/* Flickr Styling */
#flickr img {
margin:0 0px 8px 8px;
background:#cccccc;
padding:4px;
width:62px;
height:62px;
}

What this does is give those images a background color and some spacing. That’s about it, let me know if you have any questions.