64 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.

64 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 comment 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

27 August 2010 08:09
Anonymous said...

Instead of a Form this shows up in a "code window" ????


-
< C o d e >AllAccessDisabled
All access to this object has been disabled
ED96018AB11762C8
U0DZkKoM9Yxya8k9rIKY+YI90ebhDQGUdjpTSkUcb4qeqMBJ9zExl/vKaOULcvLz

17 September 2010 07:10 hhrma said...

This is a cool widget.

22 September 2010 16:01 Benjamin Jackson said...

Like another user, I had a problem when updating my photostream. The slideshow only appears to show the two initial pictures I had and does not update. Cavaliersunited.blogspot.com Please helP!

4 April 2011 11:20 люстры said...

Thank yoU! Nice!

25 April 2011 22:45 birasblog said...

muito bom,!!!!!

30 May 2011 09:23 روِِعـٍ_ـٍهہ جنـ_ٍـٍونہِي said...

شات صوتي , سعودي كول , سعودي كام , دردشه صوتيه ,شات صوتي سعودي

www.ksa-cute.com

20 June 2011 00:27 mortgagecalculator1 said...

thank you very much, it is so cool!

A Mortgage Calculator is a tool you can use to figure out what your estimated mortgage payments will be and is based on the value of the home, interest rates, loan amount, loan length, and more.

22 September 2011 00:57 Dave said...

I really agree with the facts that you have shared on this post. An interesting topic like this really enhances reader's mind to have more effective decisions over a certain issue. penis enlargement penis enlargement pills VigRX Plus

26 September 2011 10:26 tim viec nhanh said...

"This widget is born from the frustration of not fiddling what I was looking for in the repository. There are tons and tons of Flickr related plugins and the ones I have tested where not giving me everything I wanted and more.

I thought it would be easy to write one myself, based on the almost perfect FlickrRss plugin made by Dave Kellam and Stefano Verna. Those two guys did a brilliant job in making something that was simple to use and did pretty much everything you would need to display a Flickr photostream.

What I have added to their approach is the new widget code, using the interface added in WP 2.7. This makes the widget multiwidget enabled (meaning you can have more than one entity of the widget and they can all have different parameters).

The second change, which was implied by the first one is that the controls are widget based. So tim viec nhanh you can have a widget displaying you photostream, another one displaying your favs and so on."

15 October 2011 16:08 natural pet food said...

This has been so enlightening. I´ve discovered your website today and i´m enjoying it so much. It is full of smart advices!

19 October 2011 12:49 KO Graphic Design said...

I don't know anything about XML, is somebody there to inform me where I should copy & paste this XML above. Should I also change the Request ID number with mine?

20 October 2011 00:05 Traveling Bites said...
This comment has been removed by the author.
20 October 2011 00:07 Traveling Bites said...

Thanks i will try it on my blog..

http://www.travelingbites.com/

10 December 2011 21:37 maç izle said...

tum maclari canli izle lig tv izlemenin keyfini cikar

16 December 2011 06:44 film izle said...

film izlemenin tek adresi

7 January 2012 08:57 Admin said...

AllAccessDisabledAll access to this object has been disabledBEE95B6393B9646ATEVQRgW7/M0l0BmgswYD5eNWpDPqDtn56R5sBGf0pyZBWtAbuq1jSiJLuAfwafmZ

This script error

14 January 2012 09:18 public service jobs said...

Really like your Blog content the way you put up the things. I want to show my admiration of your writing skill and ability to make audience, browse the whole thing to the end.

14 January 2012 20:01 search engine optimization rankings said...

Yes this a good idea. I'm thinking about how to try in other way.

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