Week 3 #5 - Photos and images - Flickr badge

While I'm waiting to scan some images at home and add to my Flickr account I thought I'd add a Flickr badge to my sidebar at the left.

I followed the instructions from Flickr's Create your badge page.

1. Choose HTML or Flash. The HTML oprion will produce the static images whereas the Flash option creates a badge with changing images. Of course I chose Flash.Next click Next: Choose Photos button


2. Choose the photos yo use. You can use your own or everyone's. When you choose everyone's photos you can select to show everyone's photos whatever they may be or choose to select only those photos that contain a particular tag (or subject heading). In my case I chose to select those photos with the tag library. The click Next: Colors button.


3. Then it's time to choose the colours for the badge. Start with the background colour. By default this is already highlighted. Click on one of the colours in the colour picker and the right and see how it looks in the preview badge. Click on the Next: Preview and get code button.


4. Highlight the code in the box and press Control-C on your keyboard (or Edit> Copy on your browser). This is the code that you need to copy into your blog to get it to work.

5. Open your Blogger blog and click on the Template tab.

6. Click on the link that says Add a page element.


7. Click on the link Add to Blog under the HTML/Javascript option.


8. In the pop-up window, give the widget a title e.g. Flickr - Libraries, click in the content area and press Control-V on your keyboard (or Edit > Paste in your browser menu) to paste the code.

You should see Start Flickr badge at the start of the code and End Flickr badge at the end. Click Save changes.


9. You can move this widget around in your sidebar and when you are happy where it is located click the save button.

Now go and view your wonderful creation.

Cheers, webgurl