Thursday, June 28, 2012

Learn How to Add a Flickr Slideshow Gadget to Blogger

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 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!



    Random Posts...!!!

  • SEO copywriting and Good Grammar Tips
    SEO copywriting and Good Grammar Tips
    31/08/2012 - 0 Comments

    Tips about SEO copywriting and Good Grammar When you have a website for your business, it’s a good thing.…

  • Why Blogger is Better and Easy for You
    Why Blogger is Better and Easy for You
    11/08/2012 - 0 Comments

    As blogging continues to rise in popularity more and more blogging platforms are being introduced for hosting…

  • Tips To Choose The Best Niche For Your Blog
    Tips To Choose The Best Niche For Your Blog
    16/08/2012 - 0 Comments

    It was very tough to decide on a niche to start a blog. Almost every blogger might have faced this trouble…

  • How to Add a Google Sitemap to your Blogger
    How to Add a Google Sitemap to your Blogger
    30/08/2013 - 0 Comments

    Learn how to generate a complete sitemap of your Blogger blog using an online sitemap generator and submit…

  • Best Blog Post Ideas to write about
    Best Blog Post Ideas to write about
    21/08/2012 - 0 Comments

    Blogging serves to be one of the strongest tools in the arsenal of a marketer but the most difficult part of…

  • 50 great Google Secrets and Tricks
    50 great Google Secrets and Tricks
    09/09/2013 - 0 Comments

    Amazing Google Secrets, tricks and amazing facts I found all over the Internet. Just for you guyz!! Hidden…

  • How to Align and Justify Blogger Posts
    How to Align and Justify Blogger Posts
    28/06/2012 - 0 Comments

    Skill Level: Beginner Rating: Easy Time: 1 Minute Before you rush off to download a custom Blogger…

  • Best free Meta Tag Analyzer Tool for yout site
    Best free Meta Tag Analyzer Tool for yout site
    28/03/2012 - 1 Comments

    Use this Meta Tag Analyzer Tool to test your site or blog with different search engines robots. This Meta…

If You Enjoyed This Post Please Take 5 Seconds To Share It!

0 comments:

Post a Comment

Please feel free to comment on this topic.

horizontal random post

    Random Posts...!!!

  • How to start Google Adsense Affiliate Program - Review
    How to start Google Adsense Affiliate Program - Review
    21/04/2012 - 1 Comments

    How Google Affiliate Ads WorksThe Google Affiliate Ads program is like AdSense but you are able to chose your…

  • New On-Page Optimization Website Analysis
    New On-Page Optimization Website Analysis
    21/09/2012 - 0 Comments

    In the SEO process pre optimization site review and analysis is very much important. In case of on-page…

  • How to Align and Justify Blogger Posts
    How to Align and Justify Blogger Posts
    28/06/2012 - 0 Comments

    Skill Level: Beginner Rating: Easy Time: 1 Minute Before you rush off to download a custom Blogger…

  • Why Free Email Marketing is a Great Option for Small Businesses?
    Why Free Email Marketing is a Great Option for Small Businesses?
    11/06/2012 - 1 Comments

    To say that business conditions these days are less than ideal across the board would be a great…

  • How to Add a Google Sitemap to your Blogger
    How to Add a Google Sitemap to your Blogger
    30/08/2013 - 0 Comments

    Learn how to generate a complete sitemap of your Blogger blog using an online sitemap generator and submit…

  • 10 Steps To Get 250 Mb Hotmail Inbox
    10 Steps To Get 250 Mb Hotmail Inbox
    28/09/2013 - 3 Comments

    Follow the Steps Below To Get 250 Mb of Storage :1. Sign in your Hotmail Account2. Goto "Options" in your…

  • Dofollow comments increase Page Rank
    Dofollow comments increase Page Rank
    06/02/2012 - 1 Comments

    In this simple SEO article I am going to show you how to use dofollow comments to increase Page Rank for…

  • How to Change Blogger Posts a Comment Message
    How to Change Blogger Posts a Comment Message
    16/08/2013 - 0 Comments

    Change Blogger Posts a Comment Message:Providing People mind at the front side , they don't like any factor…