June 2007 Archives

Steadyfootsteps.org

Blog by an American couple living in Vietnam and advocating for greater motorbike safety. The technical aspects are pretty straight-forward but the neat part about it was watching the client learn about blogging and online photo sharing as we worked on the site: I introduced her to Flicrk, Picasa and Gmail! She took to it like a fish and the site is full of great photos taken by her husband David. Read more about their work doing physical therapy in Vietnam and their posts about life in Da Nang.
. Technology: Movable Type, Flickr. Visit Site.

Integrating the Flickr photo sharing service with your blog is a wonderful way to easily add photos to your site. With a little extra effort you can get Flickr to work for you.

Flickr in your blog

When you want to embed a Flickr-hosted photograph into one of your blog entries, first start by going to the photo's page in Flickr. Click on the "All Sizes" button on top (with the magnifying glass icon), and then pick the size you want for your blog post--small and medium work well for blog entries.

Underneath the resized picture is a box with Flickr's coding (you have to be looking at your own account and be logged in to see this). Simply cut and paste this into your blog entry and the picture will appear there. If you want your text to wrap around the picture you'll want to add a little coding to what Flickr gives you. Somewhere inside the "img" text you need to add wrapping instructions. An easy place is between the text that reads:
height="180" alt="whatever it says"
...now reads:
height="180" align="left" alt="whatever it says"
Change left to right to have your photo align that way.

Your blog in Flickr

Many users don't realize that people sometimes find your Flickr photos and not your blog. Google indexes Flickr nicely and Flickr's own search is popular. In the description of your photos you should add a link back to your own blog. If you have a blog entry concerning that actual picture, link directly back to that entry.

You'll have to hand-write the HTML link for this (sorry, Flickr doesn't have a link button). It should look something like this:

Description of the photo. For more read, <a href="http://www.site.com/blogentry">What I know about Flickr</a>.

Here's a screen shot of the editing screen for this Flickr entry:

Results

That post about my trip to a legendary South Jersey locale is one of the most visited pages on my personal blog. A good bit of it comes from the links in Flickr!

Remember to put a lot of desired keywords into your Flickr title and all link text. Keywords are those phrases that you think people might be searching for.

Tamspub.comVietnamese restaurateur and surf guru Tam shares photos and stories from one of Southeast Asia's best surfing towns. Hands down this is the most handsome photo site in my portfolio! Visit Site.

Martin icon About Martin How I got into web design and why I love to help people communicate online. Also available: my resume, my workshops and publications list, a list of organizations I've worked with, and of course a portfolio of recent work.

ShortCut

Shortcut cover
Web 2.0 Mash-Ups & Niche Aggregators, just published by O'Reilly Media. Order here.

Other Sites

Social Networks