Friday, February 13, 2009

Connecting Flickr to Blogger

It took me *forever* to figure all of this out, as I had completely forgotten and some of the settings are hard to find.

Okay, there are different ways you can post to your blog from Flickr and you can see three ways in my test blog here

1) To blog a photo from Flickr so that it shows up as a post:

In your flickr account, go to Your Account.
There are 4 subheadings: Personal Information | Privacy & Permissions | Email | Extending Flickr. The page you that you will see is Personal Information. Click the tab 'Extending Flickr' and go to that page. Under 'Your Blogs', click the link 'Configure your Flickr-to-blog settings.'
Choose Blogger Blog, Click ‘Next’
On that page, click 'Head over to google now'
At the bottom of that page, click 'Grant Access'
Choose your blog from your list of Blogs (if you have a list), otherwise it will just display your blog name. Click 'Next'
It will display your blog url and all the information it needs. Click 'All done'.
Click 'Create a custom template' and choose one (or not). Click 'Done'.

Okay, now go to your PhotoStream in Flickr:

Click on any photo in your album so that you get the large size in its own window. Above the image, you will see a button for 'Blog This'. Click on that button and you should see the link for your blog. Click on the link and you see a template where you can add text or not and 'Post Entry'. Voila!

2) If you want to Add a Gadget and have a permanent side bar link:

Go to the Layout page in your blog and Add a Gadget.

If you would like to add a slideshow: In Configure Slideshow, give it a title, and then pick source: Flickr. Type in your username and it should identify your photos. When you see your photos appear in the little window, click 'Save'.

If you want to add a photo as a sidebar: Go to Flickr, pick the photo that you want and click on it to get the large size in a separate window.

Click on button above the image 'All sizes". Below the photo, you will see a box that says 'Grab this photos url'. Copy the url. Then go to Blogger/Layout/Add a Gadget. Choose 'Add a Picture'. You will get a small window that gives you Title: whatever you want, Caption: whatever you want, Link: leave blank. Image: check the box for 'From the web" and paste in the url for your photo. The url code starts with http://and ends with.jpg. If you don't have the .jpg code, then you have grabbed the wrong code. you cannot use the url from the browser address line as it does not end with .jpg. Click 'Save" and you are done.

3) Linking a photo from Flickr in the body of a text without blogging from Flickr (i.e you might be using someone else's image).

Go through the steps to find the url of the image listed above (All sizes and then below the image). In your posting template for your blog, choose the picture icon. A new window appears that allows you to upload from your computer or add an image from the web. Paste in the url into the web address box. Click 'Upload Image" and you are done.