As you can see on the right hand side, I now have a Flickr photos and they come randomly. That was what I spent my all day on.

Anyway, implementing Flickr Badge was a pain in the a**. Why? Because I didn’t exactly know how they came into place. I have seen so many themes and most of the themes seem to have these Flickr Badges (of course I didn’t know the term before today, honestly). I was rather searching for Flickr plugins or Flickr widgets. I did find couple of them and tried to implement it but due to the way the sidebar was CSSed, I couldn’t get the desired result I was looking for. I was lost.

Then, something popped into my mind and I started viewing the source of the badge that were in other themes. I googled up the code and came with tonnes of articles. I landed on Verlee’s blog post as well. Though her blog is not in WordPress, I knew that its called Flickr Badge . Then, after searching again, I finally landed on Flickr Page. Perhaps, it would have been easier for a person like me.

So how did I create my Flickr Badge ?

Simple, just followed the steps and Flickr gave me some code that I could implement. Most of them weren’t useful to me. The most important line is:

<script src="http://www.flickr.com/badge_code_v2.gne?count=4&amp;display=random&amp;size=s&amp;layout=x&amp;source=all_tag&amp;tag=nature" type="text/javascript"></script>

This simple JavaScript code searches all the pictures on Flickr that are tagged nature and displays 4 random pictures. All I did then was apply a little bit of CSS and create a text widget and pasted the code.

Are you stuck too?