29/Nov/2005 — Add a Flickr Photo to Y!360°

Flickr to Y!360° Integration You asked for it.

If you have a picture on Flickr and you want to include it in your Yahoo! 360° blog, it’s pretty easy if you know HTML and only moderately painful if you don’t. Really, though, it is nothing more than a copy and paste exercise. I touched on this in my entry, “Blog Layout Tutorial.” First, find the picture on Flickr that you want to link to. Open it to its own page and look for the “All Sizes” button along the top edge of the image. Click on that and then click on the “Small” size option. Good. At the bottom of the page (you may need to scroll down,) you will see some code that looks like this: Select all that code and copy it. Next, open up your Y!360° blog and compose an new entry. Click on “View HTML Source” below the edit window. Now, paste your copied Flickr code into the edit window and click “Post This Entry” (You might have to add some text for it to actually save.) Here is what Y!360° does to your code, which was perfectly valid as it was: You might not see the mangling right away so I marked the broken bits in red. The second alt atribute is freaky, but not damaging. The shredded href in the a (anchor,) however, is fatal. The URL is no longer valid and, though the image loads and looks okay, the link won’t work. You’ll be happy to learn that the workaround is pretty simple. After you paste the Flickr code—which, I say again, is already perfectly fine, even though Y!360° messes it up—into the edit box, make one change. Move the title attribute up to the front of the a tag, like so: Y!360° will not mangle the href attribute (although the redundant alt attribute still appears for some reason.) Now, the image will load and the link will work.