blog.si.log. \'blòg-së-lòg\

BLOG-ger. SI-nangag (fried rice). it-LOG (fried egg).
CUSTOMIZE YOUR BLOGGER BLOG.
All the tricks, hacks and treats while enjoying your breakfast.




Blogger 101. How-to's, tutorials, all the basics you need to learn about Blogger (dot) com.
Blogger Tweaks. Style and dare to tweak your blog. Make it custom. Make it different.
Blogger Fixes. Encountered errors, glitches while blogging? Check here for possible solutions.
Blogger Conditional Tags. If, Else then WHAT? Learn the secret behind most of the tweaks on blogger.

3 ways to add flickr slideshow on blogger home page

View demo.


There are three ways to add flickr photostream to Blogger. All involves adding a gadget/widget.


flickr on blogger


How to add a gadget/widget?
1. Go to DESIGN tab.
2. Click PAGE ELEMENT. Choose the section where you'd like the flickr slideshow to show up.
3. ADD A GADGET.

On to the techniques.


Technique #1. Using BASIC SLIDESHOW gadget.
1. Under BASICS, select SLIDESHOW.

add flickr slideshow on blogger

2. Choose FLICKR as SOURCE, click KEYWORD if you'd like to display photos based on tags; USER based on flickr user.
3. Pick desired SPEED and OPTIONS.
4. SAVE.

configure flickr slideshow on blogger


Technique #2. Using FEATURED FLICKR PHOTOSTREAM gadget.
With this method, you can embed flickr slideshow based on flickr user alone. The procedure:
1. Under FEATURED, scroll down to FLICKR PHOTOSTREAM.

insert flickr photostream on blogger

2. Assign FLICKR USERNAME from which the photos will stream on.
3. Specify the NUMBER OF THUMBNAILS to display, HEIGHT of the frame and TEXT to link back to flickr and TITLE of gadget.
4. SAVE.

configure flickr photostream on blogger


Technique #3. Using HTML/JAVASCRIPT gadget.
1. Under BASIC, choose HTML/JAVASCRIPT.

add flickr photos on blogger

2. Paste flickr embed codes.
3. SAVE.


How to get FLICKR HTML EMBED CODE.
If based on tags,
1. Go to flickr popular tags page. Type in your desired tag on the JUMP TO bar or choose from their list.
2. On the top right-most part of the specified tag page, click SLIDESHOW.
3. On the top right-most part of the slideshow page, click SHARE.
4. GRAB THE EMBED HTML code and COPY TO CLIPBOARD.
5. You can adjust the frame size by clicking the CUSTOMIZE HTML link.

change width and height of flickr slideshow on flickr


SHORTCUT: Replace the tagname with your desired tag. Visit the URL. Hover to the top of the page, click SHARE.

http://www.flickr.com/photos/tags/tagname/show/?embed=1

Example:
http://www.flickr.com/photos/tags/blue/show/?embed=1



If based on flickr user, you need to login first before you can grab the code. Moving on,
1. Replace the username with the flickr user you prefer. Visit the URL.
2. Hover to the top of the page.
3. SHARE.

http://www.flickr.com/photos/username/show/?embed=1

Example:
http://www.flickr.com/photos/tannenberg/show/?embed=1




How to embed the gadget on BLOGGER HOME PAGE ONLY.
As having several pictures may or may not slow down the loading of your blog, you choose to have it visible on blogger home page only. How to do this? Check out this technique.
share. comment. subscribe. link.


Share.This.Post.
Share.Your.Thoughts.
Subscribe.To.The.Comments.
Subscribe.To.Websilog.
Create.A.Link.


<< 4 Shared Thoughts >>


rajiv
April 30, 2012 at 11:36 PM

This is really a nice blog to explanation of the flicker slideshow. It easy to understand. I am expecting the blog on stock ticker

Unknown
November 16, 2012 at 2:50 PM

Thank you! The Flickr slideshow thing in Blogger wasn't showing the pics to full size and this tutorial helped me to use the html code to embed my own pics in my blog. Very, very helpful, thank you!

Unknown
March 1, 2013 at 9:19 PM

hiiiii thank u very much and this is very nice blog

Share.Your.Thoughts.

Copy below HTML link to quickly create a link to this post.



back to share



about web.silog
Curabitur sodales leo et quam venenatis eu faucibus quam placerat. Aliquam metus diam, pretium nec commodo at, tristique nec mauris. Vestibulum urna massa, convallis vel laoreet in, ultrices eu nisl. Nulla facilisi. Nam tristique mollis semper. Mauris ac vestibulum lorem. Mauris erat libero, lobortis nec faucibus non, tempor in leo.

Nulla facilisi.
Nulla facilisi.
Nulla facilisi.


about the blogger
My Photo
In hac habitasse platea dictumst. Aenean congue, lacus in sagittis tempus, dui risus pretium nunc, semper bibendum arcu libero sollicitudin diam. Pellentesque lectus lectus, consectetur at sodales sit amet, sollicitudin eu augue.