Friday, November 19, 2010

How to Add a Flickr Slideshow Gadget to Blogger

In today's Blogger tutorial I am going to show you how to add a Flickr Slideshow (Flickr Photostream) to a Blogger blog (Blogspot blog). This Blogger tutorial is suited to beginners and newbies to Blogger and contains step by step instructions to create your Flickr slideshow.

This Blogger slideshow tutorial covers the steps to insert a slideshow widget (slideshow gadget) in the sidebar or footer of Blogger and display a set of images uploaded to Flickr. Note the maximum number of images displayed in the slideshow is 20.

There are several different methods to add a Flickr slideshow to Blogger. Which method you use is largely dependent on your own individual requirements. I cover two different methods in the tutorial.

Method 1 - Add a Flickr Slideshow Gadget to Blogger - Photos in photostream are not organized into sets

Method 2 - Add a Flickr Slideshow Gadget to Blogger to display images that are organized in a set


Method 1 - Add a Flickr Photostream to Slideshow Gadget in Blogger

If you will only ever add one slideshow to Blogger from Flickr and don't want to bother with sets use this method to quickly and easily add your Flickr slideshow to Blogger:

  1. Go to Flickr and find your Photostream link. On your home page when logged into Flickr you will see Your Photostream at the top left under the Flickr salutation


  2. Click on the Your Photostream link and copy the photostream id from your browser address bar.

    http://www.flickr.com/photos/27647187@N07/
    It will look something like this. Copy the identifier eg 27647187@N07

  3. In Blogger go to Design > Page Elements

  4. Select Add Gadget from the sidebar or footer depending on where you want to place your Flickr slideshow

  5. Choose Slideshow from widgets in the Basics list

  6. Choose a title for your slideshow or leave blank

    How to Add a Slideshow to Blogger
  7. Under Source use the drop down menu to select Flickr

  8. Under Option select User

  9. Under Username enter you Flickr Photostream id eg 27647187@N07.

    Note:If you have entered your Flickr Photostream id correctly you will be able to see a preview of your slideshow.

  10. Click on Save and then View Blog to see your new Flickr slideshow in action on your Blogger blog

    How to Add a Flickr Slideshow Gadget to Blogger


Method 2 - Add a Flickr Photostream Set to a Slideshow Gadget in Blogger

If you use sets in Flickr to organize your photos and images you will need to use a slightly different method to install a Flickr slideshow into Blogger.

  1. Log on to Flickr

  2. Upload your photos and create sets to organize your photos if desired

  3. Go to view your sets in Flickr and select the set you wish to use for your Blogger slideshow

  4. In your browser window you will see a URL address similar to the following:

    http://www.flickr.com/photos/27647187@N07/sets/72157624508265319/

  5. There are two important parts to this address that you need to note because we will be using these to create our slideshow:

    • Your photostream - designated by something similar to 27647187@N07

    • The id of the set - designated by something similar to 72157624508265319



  6. In a different browser window log on to Blogger if not already logged in

  7. Go to Design > Page Elements

  8. Select Add Gadget from the sidebar or footer depending on where you want to place your Flickr slideshow

  9. Choose Slideshow from the list of Basics Widgets

  10. Click on the blue plus sign to the right of the Slideshow gadget to activate and configure your Blogger Flickr Slideshow

  11. Choose a title for your slideshow or leave blank

  12. Under Source use the drop down menu to select Other (Note do not select Flickr if you are using a set as this will not work - see Method 1)

  13. In the Feed URL section enter the following feed:

    http://api.flickr.com/services/feeds/photoset.gne?set=72157624508265319&nsid=27647187@N07&lang=en-us&format=rss_200

  14. Substitute your photostream id (this will unique to your Flickr account)

  15. Substitute the id of the set of images you wish to display


  16. Leave the speed of the slideshow at medium unless you specifically need it to be faster or slower

  17. Click on Save

  18. Click on the View Blog link to admire your new Flickr slideshow


In today's Blogger tutorial you have learned two different methods to add a Flickr slideshow to Blogger. Both methods use the Blogger Slideshow Gadget but the difference between them is that method 2 shows you how to use a selected part of your Flickr photostream to create a Blogger slideshow for your blog instead of your whole Flickr photostream. Hope you have lots of fun with this Blogger slideshow gadget. Enjoy!


Related Articles
List of Blog Know How Tutorials for Blogger Blogs



Subscribe to Blog Know How by Email

0 comments:

Post a Comment