45 A Simple Flickr Photostream Widget for Blogger
March 17, 2009 /

After posting about Roy Tanck's animated Flickr widget, I realized that I'd never actually written up a tutorial for the simple Flickr Photostream widget which I use in many of my premium templates.

This version of the Flickr Photostream is a static widget designed to display thumbnails of your most recent Flickr uploads, and can be added quickly to your Blogger layout using a one-click installer. It's an ideal solution of you prefer a simpler method to display your Flickr photos which does not slow down page-loading time. You can see an example of how this widget could appear below:




To add this widget to your Blogger blog, you will need to have your Flickr user or group ID which may look something like this: 8191003@N02

The simplest way you get your Flickr ID is to use idGettr (opens in a new window), where you paste the URL of your Flickr Photostream in the box so idGettr can discover your ID for you.

Once you have your Flickr ID you can use the form below to add your own simple Flickr Photostream widget to your Blogger blog:



I hope you enjoy using this widget for your Blogger blogs! Please feel free to leave your comments below.


Image credit: Flickr badge by Poolie via Flickr Creative Commons.

45 Comments:

17 March 2009 15:48 Ir. hydir said...

Thanks amanda
I'll try it to put direct on my template :)

kbsoccernet.com

17 March 2009 18:14 Asian VIP said...

thanks
i will post it on my blog
http://bloggeronline.net

18 March 2009 07:49 Tinh said...

Excellent tool, thanks Amanda so much

18 March 2009 12:29 crazyrocker said...
This post has been removed by the author.
18 March 2009 12:32 BloggerTinker said...

Thanks Amanda! ^_^

18 March 2009 12:36 crazyrocker said...

thanks amanda

http://crazyrockz.blogspot.com

18 March 2009 13:56 Alvaris Falcon said...

Cool Amanda, thanks for sharing! :D

Haha I was wondering if you could publish this wonderful post earlier, as I surfed aggressively on the internet days before, just to find the exactly same tutorial to install Flickr widget into Water Color Blogger template!

Cheers!

18 March 2009 15:01 odith adikusuma said...

thanks for the posting...

odith
//planetodith.com

18 March 2009 17:20 Gunawan said...

thanks for information........

19 March 2009 16:45 Linda Card said...

Who knew it was that simple? Well, it wasn't that simple or it would not have stumped me for so long. Duh. Thanks.

Now if I could just get one of the animated clouds to work, I would be dancing in the streets.

22 March 2009 19:10 kandi111777 said...

Thanks Amanda! Worked great for me in my sidebar - http://www.kandiandkeith.com/blog/index.html. I was even able to modify the code to fit my template.

2 April 2009 08:54 Teresa Berry said...

is it too soon to say....I love it?! going to have lots of fun with this Amanda- You Rock!

6 April 2009 00:20 Jake Ilac said...

I've done this before, I posted similar article: <li>http://magazine-templates.blogspot.com/2009/02/horizontal-flickr-badge-widget.html</li>

<li>http://tuggot.blogspot.com/2008/11/creating-horizontal-flickr-badge-for.html</li>


But you can achieve widget without the link (www.flickr.com) which is below the thumbnails.

First Copy this CSS:

.flickr_badge_image { float: left; }
#flickr_badge_wrapper { width: auto; border: 1px; }
#flickr_badge_uber_wrapper { width: auto; }

Then, add this Javascript:

<script src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=8&display=random&size=s&layout=y&source=user&user=USER ID" type="text/javascript"></script>

These codes are tested that works on Blogger and Wordpress account.

13 April 2009 12:17 Farooq Ahmed said...

Thanks for good posting.........
http://bloom-myfans.blogspot.com

14 April 2009 05:41 Aristarkhos said...

This is a better option to the Slideshow gadget in Blogger. Neat. Thanks for the tip!
(P.S.: I have linked you in a post of mine.)

19 April 2009 10:08 sofy doodles said...

thank you it was vvvvvvvvvvvvvery usefull

22 April 2009 06:16 blissfully mundane said...

thanks sooo much! i tried to figure out where to put the badge code for hours! great gadget!

2 May 2009 07:35 DirtDigger (Tessa) said...

I love this widget! It works with Picasa too :). Of course it doesn't show all your photos, because it can't- it looks like it's the first 20 photos- at least on using it with Picasa.

1 June 2009 01:01
Anonymous said...

hi there, i dont suppose this widget is possible anywhere on the net for use on personal websites not just blogger?

1 June 2009 01:03 Henry Bomby said...

hi there, does anyone know if this widget is avilable anywhere on the net for use on personal websites not just for blogger?

11 June 2009 00:01 العاب شمس said...

thanks for this information Amanda.

17 June 2009 06:59 Sam said...

Thank you SOOOOO much this works fantastic!

Do you know if there's anything like this available for tumblr.com stuff?

29 June 2009 05:48 Boston Children's Chorus said...

thanks, this was super helpful!

6 July 2009 05:06 TukangPosting said...

i had a question, this widget was using user as a source, how to change to a group? did i have to change groups&groups=groupid ???

8 July 2009 02:29 Katie said...

Hi Amanda,

Thank you for this great widget. My only question is how do I center it in my sidebar? I tried tweaking the code but couldn't get it right. I'd appreciate your help.

13 July 2009 16:56 The thankful one said...

Hi, thanks for the instructions. For some reason mines isn't meshing with my blog. I'm not sure if there is something in my coding blocking it or if i'm doing something wong. I tried several times but the only thing that appears where it's supposed to be streaming is the flickr url. Could you help me with this? Thanks

13 July 2009 17:00 The thankful one said...

Thanks for the helpful tip Amanda
For some reason the streaming isn't working on my blog. I'm not sure if there is something in my html code that is blocking it or if I followed the directions incorrectly but the only thing that appears in the area where it is supposed to be streaming is the flickr url. Can you help me with this? Thanks.

Mo

1 August 2009 21:42 Amanda Robbins said...

I used this and now my Layout tab is broken. I removed the widget but how do I fix my layout tab? It only displays a small portion of my layout. Help!

20 August 2009 05:17 Heny@Absolutely Wonderful said...

thanks for the tips.. It works.. :)

4 October 2009 05:37 Danielle said...

Love this! I copied the coded generated for Blogger and pasted into a new WP page. Works great.

8 October 2009 12:00
Anonymous said...

How can you change number of rows and columns?

5 November 2009 00:43 Danielle &amp; Vandenn said...

Thanks for the widget. Question, is it supposed to load the most recent pictures or just the ones that happen to be the most recent upon implementing the widget? I just added new pics to Flickr, but it's not showing up in the widget. Help.

29 November 2009 16:13 Wesley Soccer said...

Works great...thanks...

www.wesleysoccerblog.com

6 December 2009 02:24 شات صوتي said...

I used this and now my Layout tab is broken. I removed the widget but how do I fix my layout tab? It only displays a small portion of my layout. Help!

24 January 2010 13:04 Nikki said...

Easy as pie! Thank you so much.

3 February 2010 09:47 hhrma said...

I will try in my new blog

5 February 2010 11:55 Schreibfehler said...

Thanks... that's exactly what I've been looking for :-)

13 February 2010 15:26 Simply Lai said...

This is so simple and helpful!

I'm so happy seeing my photostream on my blogger!

Thank you so much! :)

21 February 2010 02:49 Globy13 said...

thank you very much, it is so cool!

9 March 2010 09:36 Markenstein said...

I love this but I have one problem.

How do I get the links to open in a new window?

17 March 2010 10:26 marvinchow said...

sorry for the reply - thanks for the post. how can you use this widget with picasa? what do i need to change in the code?

i'm looking for a similar widget that will display all my public albums on my blog. not my individual pictures. similar to what roy's widget does but not with the effect. make sense.

thx!

30 April 2010 07:49
Robert Shu said...

the form is not working

Post a Comment

Browse through the Archives

All existing posts are still available to view while I'm working on the site, albeit seen in a much simpler interface. Feel free to browse through the archives to find tutorials, templates and articles to help you build a better blog:

Blog Archive

© Blogger Buster 2010 Home | About | Contact | Hire Me