The Flickr Guide, Part 2: How to Caption or Credit Photos in Posts

flickr guidePhoto by <Stewart.

Thanks to everyone for receiving my guide to finding and using incredible Flickr images so warmly.

Finding photos through Flickr seems to be something many have wanted to do but weren’t sure how to go about it (or how to go about it safely).

One question many people had in response to the post was: how do I add credits beneath the photos I use?

In this follow-up post, I want to provide a comprehensive answer to that question. There are a range of solutions here to suit everyone — from the HTML newbie to the CSS pro.

Skellie’s method for non-aligned images

What little CSS and HTML skills I have came through years of trial and error: changing numbers and values and previewing the page endlessly until I did what I wanted to do without some other part of the page breaking.

The solution I use is in the same DIY spirit, but it works. If you use an image across the top of your posts, or across the post body, my main suggestion would be to resize the image so it’s just as wide as your posts.

It looks a lot neater than a centered image and keeps the lines consistent with your text.

Here’s the code you would use for the type of caption you see at the top of this post, under the image. Paste it immediately after the image code.

<br/><font size=”1″><em>Photo by <a href=”profile of photographer”>Name</a></em></font>

The WC3 method for aligned images

If you prefer to use images with text on either side of them, this method is the best solution for you. It looks tricky on the surface, but is really quite simple.

Open this Figures & Captions page for instructions. The first block of code is what you paste into your posts where you’d like the image to appear. You can customize what is written in the caption.

The second block of code will need to go into your style sheet for the first block of code to work.

First, copy the code from style.css, called Stylesheet in WordPress (or your blog software’s equivalent), into a text editor and save it as your back-up copy in case anything goes wrong.

If it does, you can paste this backup code into your style.css to have everything returned to normal. Phew!

Copy the second block of code under Figures & Captions and paste it into your stylesheet. Test whether it works by adding the first block of code to one of your older posts.

You can change the values in the code to suit the kind of look you want. I’m sure there are some code gurus here who’re willing to led their advice, so leave a comment if you’re having trouble getting this to work.

The simple footer method

This is a method for those who’ve tried the above and decided something simpler is in order. At the bottom of the post where the image appears, you need only create something that looks like this:

Photo by Stewart.

If you use more than one photo, your credits might look like:

First photo by <Stewart.
Second photo by Ahron de Leeuw.

Pick the method that works best for you. All of them are adequate credit for any image requiring attribution.

***

Aside:

Did you know that I’m also a freelance blogger? I wanted to share some of the work I’ve done lately, elsewhere. I know a lot of you are bloggers and I hope you’ll enjoy these posts.

10 Things You Can Do Today to Kick-Start Your Blog’s Growth
One of my key blogging philosophies is that, when it all comes down to it, you can create traffic directly. This post outlines ten simple ways you can create traffic, today.

What’s Your Long-Term Blogging Strategy?
This post explains how you can develop a long-term blogging habit — something any blogger dreaming of big things will need to do. I like this one but it hasn’t got many comments. If you have a response to the post, I’d love to hear it over at DBT.

Preventing Ad-blindness on Your Blog
How decluttering and real minimalism can increase the effectiveness of PPC ads.

5 Powerful Techniques to Help Your Posts Stand Out
My top five strategies for creating unique and distinctive content to help make you unlike any other blog in your niche.

I’ve also been offered the opportunity to join the staff of one of my favorite blogs, Freelance Switch. In the coming days, I’ll be writing about how you can use your online presence to turn visitors into clients.

None of these opportunities would have come my way had it not been for the support of a wonderful readership. That means you, reading this — yeah, you!

Thank you! I can’t say it enough.

About Skellie

Massive nerd who just happens to enjoy anything related to blogging, creativity, and online marketing.

Speak Your Mind

*