30 A Simple Flickr Photostream Widget for Blogger
Tuesday, 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.

30 comments:

March 17, 2009 at 8:48 AM Ir. hydir said...

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

kbsoccernet.com

March 17, 2009 at 11:14 AM Asian VIP said...

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

March 18, 2009 at 12:49 AM Tinh said...

Excellent tool, thanks Amanda so much

March 18, 2009 at 5:36 AM
wajira said...

thanks amanda

http://crazyrockz.blogspot.com

March 18, 2009 at 6:56 AM 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!

March 18, 2009 at 8:01 AM odith adikusuma said...

thanks for the posting...

odith
//planetodith.com

March 18, 2009 at 10:20 AM Gunawan said...

thanks for information........

March 19, 2009 at 9:45 AM 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.

March 22, 2009 at 12:10 PM 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.

April 2, 2009 at 12:54 AM Teresa Berry said...

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

April 5, 2009 at 4:20 PM 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.

April 13, 2009 at 9:41 PM 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.)

April 19, 2009 at 2:08 AM sofy doodles said...

thank you it was vvvvvvvvvvvvvery usefull

April 21, 2009 at 10:16 PM blissfully mundane said...

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

May 1, 2009 at 11:35 PM 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.

May 31, 2009 at 5:01 PM
Anonymous said...

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

May 31, 2009 at 5:03 PM 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?

June 10, 2009 at 4:01 PM العاب شمس said...

thanks for this information Amanda.

June 16, 2009 at 10:59 PM Sam said...

Thank you SOOOOO much this works fantastic!

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

June 28, 2009 at 9:48 PM Boston Children's Chorus said...

thanks, this was super helpful!

July 5, 2009 at 9:06 PM 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 ???

July 7, 2009 at 6:29 PM 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.

July 13, 2009 at 8:56 AM
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

July 13, 2009 at 9:00 AM
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

August 1, 2009 at 1:42 PM 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!

August 19, 2009 at 9:17 PM Heny@Absolutely Wonderful said...

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

Post a Comment