Step 1:
Go to http://www.flickr.com/ - Sign in - Sign in with your username and password. You will see your 'Home' page when you've signed in.
Go to http://www.flickr.com/ - Sign in - Sign in with your username and password. You will see your 'Home' page when you've signed in.
Step 2:
Click on 'You', and note the resulting URL (address in your browser). See the image below for reference. My address is:
Click on 'You', and note the resulting URL (address in your browser). See the image below for reference. My address is:
http://www.flickr.com/photos/yoboy2/Emphasize on the name after 'photos' in the address above. That will be your profile address. In my case, it is yoboy2. This is the name that we are concerned with.
Step 3:
If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget - Slideshow
If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget - Slideshow.
Use the following settings:
Source: Flickr
Option: User
Username: yoboy2
Note: Under username, DO NOT enter your flickr username. Instead, use the profile name that you've gotten from step 2. In my case, it is yoboy2. Once you've entered the 'username', press enter. If you do everything right, your images will be fetched from the Flickr account and shown under preview.
If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget - Slideshow
If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget - Slideshow.
Use the following settings:
Source: Flickr
Option: User
Username: yoboy2
Note: Under username, DO NOT enter your flickr username. Instead, use the profile name that you've gotten from step 2. In my case, it is yoboy2. Once you've entered the 'username', press enter. If you do everything right, your images will be fetched from the Flickr account and shown under preview.
Bonus: Fetching images from a particular Flickr set
You might have lots of pictures, and you might only want certain pictures to play in your slideshow. First, create a set in Flickr by clicking on 'Organize and Create' in Flickr. I'm not gonna go into the details here. If you have already created a set, open the set and note it's URL. The following is the address of one of my sets:
You might have lots of pictures, and you might only want certain pictures to play in your slideshow. First, create a set in Flickr by clicking on 'Organize and Create' in Flickr. I'm not gonna go into the details here. If you have already created a set, open the set and note it's URL. The following is the address of one of my sets:
http://www.flickr.com/photos/yoboy2/sets/72157622709112458/Copy everything from your profile name, until the end. In my case, this will be 'yoboy2/sets/72157622709112458/'. Paste this into the 'Username' column in the slideshow gadget and press enter, and the images from this set alone shall be fetched!
It should be obvious by now that you do not need flickr account's password to play the images in your slideshow. As such, you could easily play someone else's images in your slideshow. For example, if you use my profile name as shown in the example above, you'll be playing my images. I strongly suggest you ask for the permission from the owner of the images that you're going to be playing in your slideshow before adding them to your blog.
And BTW, do watch Transformers Dark of the Moon. The coolest movie ever! If you don't like it, you must hate fun.
Impressive!!!
ReplyDeleteThanks hun.
ReplyDeletehow to creat slidshow on joomla website?
ReplyDelete@Anon: I'm not familiar with that product. Try contacting Joomla's support team about this. Cheers.
ReplyDeleteHave been looking at your site all day today, thank you very, very much. Would it be possible to make the image in the flickr slideshow bigger?
ReplyDelete@Anon: Yes it is possible. But it will be best if your images are not from a mixed orientation group. In other words, it works best if your images are all of portrait orientation, or landscape orientation. Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog:
ReplyDelete.slideshow-container{
width: 250px;
height: 300px;
}
.slideshow-container div a img {
min-width: 250px !important;
height: auto !important;
}
Hello YoboY, I've been fetching from my Flickr and it works fine, but it only shows the first some 20 images in my set. Although I have set permission on most of them to Public. Thanks in advance.
ReplyDelete@KonaBeans: I've noticed this as well. For some reason it doesnt fetch all the image. I'll update the tweak should I find a workaround.
ReplyDeleteThank you, YoboY. I'll keep checking back.
ReplyDeleteAny update on this?
ReplyDeleteI'm sorry. I couldnt find any way to make Blogger fetch more than 20 images from a set. It seems like it has been built that way.
DeleteDoes this work in Dynamic view blog?
ReplyDeleteJust re-attempted this tweak - it no longer works on any template. Must be broken or a temporary glitch from Blogger side.
Delete