How To: Embed a Flickr Slideshow on a Web/Blog Page

Introduction 

One of the greatest things about the Internet is the ability to “borrow” many of the cool things that are out there for your own site.  You don’t need to be a web design guru, just be able to find articles like this one.  Flickr has become an extremely popular free photo service and offers many services to its users including the ability to play a flash slide show of your photo sets (albums), tagged pictures.

Why Would I Want To Embed The Slideshow?

Simply put it saves you bandwidth , storage space, and you don’t have to have anything special on your site.  If you host your site via a provider and have bandwidth limits, this is a must use technique.

How do I embed a Flickr Slideshow?

Step 1 – Create a Flickr account

The first thing you need to do is create a Flickr account if you already don’t have one.

Step 2 – Determine Your Flickr UserId

Once you have a Flickr account, you should either have created a unique url for yourself or you can go into Flickr settings and create one.  Your url will look something like http://www.flickr.com/photos/yourname/.

Go to http://idgettr.com/and enter your Flickr url to determine your id.  You’ll need it for the next step.

Step 3 – Insert code into your blog

When you are writing your blog, your editor usually has an option to enter code/html mode.  Copy the code block below changing the item in bold to your user id.
 

<iframe src=http://www.flickr.com/slideShow/index.gne?user_id=12345678@N00" frameBorder="0" scrolling="no" height="500" width="500"></iframe>
This is the simplest possibility and will give you all the pictures in your Flickr account that are public.

Step 4 – More options

One way to limit the number of pictures in a slideshow is to add a tag parameter.  To do this add the bold text below and change the italicized text to your tag(s).  When you want to use multiple tags, separate them with commas.
 

<iframe src=http://www.flickr.com/slideShow/index.gne?user_id=12345678@N00&tags=birthday,mark" frameBorder="0" scrolling="no" height="500" width="500"></iframe>
Flickr also offers the ability to make sets (albums) that can be very useful to organize your photos.  Replace the number with the number of your set in the code below.

<iframe src=http://www.flickr.com/slideShow/index.gne?set_id=10101010101010101" frameBorder="0" scrolling="no" height="500" width="500"></iframe>

Related Posts

  • No Related Post

Leave a Comment

Posting your comment...

Subscribe to these comments via email