Adding flickr images to your blog super fast

Flickr has a simple tool for making flickr badges, but what if you need a little big more flexibility? This post will cover the basics of the flickr badge generator.

The basic line that you will need to include is the following :

<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?user=[your_flickr_ID]">

Replace the ID with your flickr ID. You can obtain your flickr ID from idgettr.com.

<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=4&amp;size=m&amp;display=latest&amp;layout=x&amp;source=user&amp;user=47244499%40N00"></script>

You may change the following parameters as your like :

count : number of images shown from 1 to 10.

size : represents the size of the image. s for standard, t for thumbnail or m for medium

layout : h – horizontal , v – vertical, x – not styled

display : latest, random

source : user, user_tag, user_set, group, group_tag, all, all_tag

Once selected a source, you must add up to two more parameters specifying the tag(s) and / or the IDs of the group or set. These parameters are tag (tag name), group (group number value that can be found with idgettr), and set (number that can be found in the url of the specific set for example when the url is …/sets/123456/ the set ID is 123456).

The badge API creates the following HTML for each images displayed :

<div id="flickr_badge_image1" class="flickr_badge_image">
<a href="[the photo page]">
<img width="[width]" height="[height]" src="[url]" title="[title]" alt="Great Photo from flickr" />
</a>
</div>

You may alter the styling for the flickr_badge_image class and / or each image via the image id.

You might also want to try using the flickr-widget wordpress plugin for adding flickr photos to as a widget in the sidebar. Requires a widget enabled theme.

Tweet This Post!