How To Make A Flickr Slideshow for Your Blog/Website


	How To Make A Flickr Slideshow for Your Blog/Website

DarrenTooCool

5-28-2008 12:06 PM

1494 views

tags:

flickr, slideshow, howto, tutorial, how-to, diy

DarrenTooCool says:

I've seen a few of these but never knew how it was accomplished. Not that easy, but not too hard either. Good stuff Maynard!

Add a Comment

Login to Comment. Not a member yet? Sign up

Today's Top Clips

visit the Top Clips page

View the Top Clips from May 28, 2008

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/01be4422-6d88-4e45-ac31-d0ad0fb3a83b/7B1240AC-F96D-4DDE-A73E-7F51CA0011CC/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows" href="http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows" style="font-size: 11px;">paulstamatiou.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows">HOW TO Quickie: Embedded Flickr Slideshows</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows"><P>Dig those flash <A href="http://www.flickr.com">Flickr</A> slideshows?  All that’s needed is a bit of code to <A href="http://www.paulstamatiou.com/2005/11/18/live-from-cre824/">embed them</A> within your website to give your readers something dynamic.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows"><DIV class="codesnip"><SPAN class="sc2"><A href="http://december.com/html/4/element/iframe.html"><SPAN class="kw2">&lt;iframe</SPAN></A> <SPAN class="kw3">align</SPAN>=center <SPAN class="kw3">src</SPAN>=<A title="Linkification: http://www.flickr.com/slideShow/index.gne?user_id=" href="http://www.flickr.com/slideShow/index.gne?user_id=" class="linkification-ext">http://www.flickr.com/slideShow/index.gne?user_id=</A><SPAN class="nu0">12345678</SPAN>@N00&tags=foo <SPAN class="kw3">frameBorder</SPAN>=<SPAN class="nu0">0</SPAN> <SPAN class="kw3">width</SPAN>=<SPAN class="nu0">500</SPAN> <SPAN class="kw3">scrolling</SPAN>=no <SPAN class="kw3">height</SPAN>=<SPAN class="nu0">500</SPAN>&gt;</SPAN><SPAN class="sc2"><SPAN class="kw2">&lt;/iframe&gt;</SPAN></SPAN></DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows"><P>Place this somewhere on your website or within a blog post.  Change <STRONG>user_id</STRONG> from 12345678@N00 to your flickr id, which you can find out with <A href="http://eightface.com/code/idgettr/">this idgettr</A>.  Also replace <STRONG>foo</STRONG> with the tags of the photos you wish to display.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows"><P>Other parameters include the following:</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows"><li style="margin-left:16px;padding-left: 0px;">tag_mode=</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows"><li style="margin-left:16px;padding-left: 0px;">set_id=</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows"><li style="margin-left:16px;padding-left: 0px;">group_id=</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows">If you want to use one of these extra parameters just add it after your user_id with a separating ampersand (<STRONG>&</STRONG>).  </blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/7B1240AC-F96D-4DDE-A73E-7F51CA0011CC/blog/" title="blog or email this clip"><img src="http://content6.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Blog; Copyright; Privacy; EULA

Search Options

Today's Top Clips