How to Create a Cool Website Portfolio Using Flickr

Subscribe by Email

Your email:

Brand & Capture

Current Articles | RSS Feed RSS Feed

How to Create a Cool Website Portfolio Using Flickr

Bookmark and Share

We've had a lot of comments on our portfolio about the design, layout and connection to Flickr. How did we do that? It's easy.

  1. Obviously you need a Flickr account first.
  2. Login to Flickr and upload your portfolio photos, add comments with keywords you want to rank on. Ideally, make sure your photos are all scaled to the same size, for example 400px (height) X 500px (width).
  3. Create Flickr sets that reflect your portfolio themes - ours included types of marketing we do, like Medical Marketing, Financial Marketing, etc.
  4. Drag and drop your photos to appropriate sets.
  5. Go to and enter your Flickr screen name and click the Continue button.
  6. Choose a set from the Sets pulldown - the menu will shift to the left.
  7. Set up your Flash player properties - File Size (should be medium), Alignment (best is centered), width and height set to fit your typical photo size, and background color (to match your portfolio page).
  8. Click on the HTML tab and copy the HTML code.
  9. Paste the HTML code into your portfolio web page and save.You can further style the page using HTML and CSS.
  10. Repeat this for each Flickr set and add to a new portfolio page.
  11. If you add new photos to existing Flickr sets for which you have created portfolio pages, they will update automatically.

Enjoy your new portfolio!

Why use this approach? It's easy to upload photos to Flickr and you only have to do it once to keep your portfolio updated. It's also powerful because you are storing your photos with keywords in the descriptions on Flickr, which gives you all the viral inbound marketing power of a social networking site.

Free Facebook Marketing Cheat Sheet Download

Facebook Marketing


I wish I could add something, but the best I have is a ton of admiration for the excellent work and how well you live up to the "creative" portion of your company name. Thank you for sharing.
Posted @ Tuesday, August 25, 2009 9:02 PM by Gary Ares
Gary, thanks for the kind words. The formula at work here is give + give + give + give +.... = relationships => sales. The more helpful the content, the better. The comments from folks like you make it all worthwhile.
Posted @ Wednesday, August 26, 2009 3:41 PM by John McTigue
Thanks, John, for sharing this time-saving tip. Related, Wordpress CMS users and designers will be happy to know that a Pictobrowser plugin *is* available on the Wordpress plugins list.  
(re-posting this due to error, but hoping it's no duplicate)
Posted @ Monday, August 31, 2009 8:51 AM by ArcherTC
Posted @ Thursday, June 24, 2010 11:50 PM by jun
Comments have been closed for this article.