Wednesday, June 21, 2006

Adding Photos to Your Journal With AOL Pictures Permalinks

So, back in October 2005, I did an entry explaining why you shouldn't add photos directly to your blog using AOL Pictures.

I'm not going to recreate the entry -- essentially, at the time, AOL Pictures wasn't designed to support hosting of pictures for Web pages. If you tried to add photos to your blog outside of the AOL Pictures integration, it would work for a while, but eventually it would "break."

Well, you can forget all that now: Go crazy with hotlinking pictures that are in your AOL Pictures albums. Here's how.

A couple of weeks ago, the AOL Pictures team instituted permalinks, which means you can now easily include AOL Pictures photos in your Journals -- the big kind, not the gallery thumbnails with the border.

Here's the description of permalinks from the AOL Pictures team's blog entry:
"Essentially the Permalink feature gives you a direct URL to an individual picture.  You can then embed this picture anywhere you want to -- on your blog, in an ebay auction page,  on a web page (like hometown, myspace), in an email."
Bonus: Your AOL Pictures photo storage space is unlimited -- if you use AOL Pictures for your Web storage, it doesn't count against your 100 MB of Web storage per Screen Name.

Here's how it works with your AOL Journal:
  1. Create an album and upload pictures to AOL Pictures.

  2. Select the photo that you want to put in your blog. You'll see a hyperlink that says Permalink -- click the link:



  3. When you click Permalink, a box will pop up with the Web address (URL) of the picture. This is where the picture "lives." Click the green "Select" button, which will highlight the URL:



  4. Copy the URL of the photo to your clipboard. You can do this by either right-clicking and selecting "Copy", or using the keyboard command Ctrl+C (hitting the Control key and the letter C at the same time).

  5. Go to your Journal. Create a new entry or edit an old one. Click the Add Image button -- it's the little camera icon on the right of the tool bar:
    AOL Journals: Add Image
    (Note: You can only click the camera button when you're in "Text" editing mode -- the pulldown in the left of the formatting toolbar will say "View as Text".)

  6. In the box that comes up, paste the URL you copied from before. (Either right-click with your mouse and select Paste, or use the keyboard command Ctrl+V (Control and the letter V)

  7. Hit "OK", and you should see the photo in your blog:

    AOL Journals: Add Image

That's it. If you've used another image host like Photobucket or Imageshack with your Journal, the process is pretty similar.

Also, as the AOL Pictures guys write, you have your choice of several sizes. Right now, you have to fiddle with the URL; for example, here's the direct link to my example photo:

http://links.pictures.aol.com/pic?id=4e607JbBEZLErHOc03-PRMjgOisi-MHfY1lOv4xQp5Fd3Ig=&size=l

See the "size=l"? (L is for "Large"). That's the large size, up to 768x512:

Journals Editor Joe

If you change size=1 to size=m (M is for Medium), you will get the medium size, up to 384x256:

Journals Editor Joe

Or, size=t -- (T is for Thumbnail) -- gives you up to 160x106:

Journals Editor Joe

And lastly, size=s (S is for Small Thumbnail), up to 96x64.

Journals Editor Joe

It's not the most convenient thing in the world, but it's a start.

Anyway, play around with the AOL Pictures permalinks, and see what you think. The AOL Pictures folks are working on a lot of stuff and they want to hear from you, so see what's new and check out their blog: The AOL Pictures Blog.

[Update, 6/22: Journaler Csandhollow reports that animated gifs you upload to AOL Pictures won't display the animation, so if you want to put animated gifs in your Journal, you'll need to continuing using your Web storage space, via File Manager, SFTP, AOL FTP or a standalone FTP client over your AOL connection. Thanks for the report.]

Thanks -- Joe

Tags: , ,

20 comments:

Anonymous said...

cute, but as usual I don't understand & I never use the aol pic thingy.
~Julie

Anonymous said...

h

Anonymous said...

h

Anonymous said...

Hi Carlene -- I'm assuming you're using the Internet Explorer browser (like the one that comes with AOL) -- let me know if you're not.

The Pictures Uploader uses an "Active X control" to upload -- look for the Green buttons that say "Install Now." After that, you should be prompted to accept the Active X control, which will come in the form of a yellow message bar near the top of your browser.  You'll need to click that yellow bar to accept it.

If that doesn't work -- your security settings may be set to not allow this, or there may be some other problem -- best advice would be to ask over at the AOL Pictures blog: http://journals.aol.com/aolpictures/AOLPictures/

Thanks -- Joe (posted & mailed)

Anonymous said...

m works real good! This means we can leave the file manager to gifs and stuff then, right?

Anonymous said...

Very cool!  Love it.  GBU, Shelly

Anonymous said...

This is a super improvement for using photos with Journals. My FTP space was turning into a jumble of sub-folders the longer I photoblogged on my Journal. AOL Pictures brings some better photo management options to the J-table.

Great entry :-)

Anonymous said...

h

Anonymous said...

Nice one!  thanks Joe :o)

Anonymous said...

Now this makes me really happy.  Saves a step.  Now if we could just sharpen our images.  Thanks AOL

         Julie

Anonymous said...

thanks for the info!

Anonymous said...

Celeste -- I haven't tried yet to see what would happen if you put an animated gif in AOL Pictures. You may want to give it a shot and see what happens. If you do and it works, let me know and I can link you up.

Thanks -- Joe (posted & mailed)

Anonymous said...

I have a question on AOL pictures......
If I upload pics in a folder on AOL pictures, do people have access to those photos & do they have legal right to copy/steal photos?

Anonymous said...

Michelle (inafrnz247) -- one thing that's causing your Journal to scroll horizontally right now is the horoscope header image that you're linking to in your June 18 entry ( http://journals.aol.com/inafrnz247/Reflections/entries/1752 ) -- it's 728 pixels wide. If you remove that, you should lose the horizontal scroll.

Thanks -- Joe (posted & mailed)
http://journals.aol.com/journalseditor/magicsmoke

Anonymous said...

Marie -- You'll want to check with the AOL Pictures team to be sure ( http://journals.aol.com/aolpictures/AOLPictures/ ), but people can't see your AOL Pictures folders unless you explicitly "share" the folder with them.

Regarding copying/taking photos you've posted -- people may not be legally justified, but they are able to get at anything you make publically available, so keep that in mind when you publish anything on the Web.

Thanks -- Joe (posted & mailed)

Anonymous said...

Images For Dummies:
I understood all that, I really did. What I did was...I went to AOL Pictures, doubleclicked the thumbnail to make my pic bigger.  Right clicked and clicked "copy" then right clicked in the text box of my blog and right clicked on "paste".  I have those pictures in my blog and I've learned they are called imbedded images.  What I don't know is if this is or will be a problem or this is okay.  Please let me know if the url stuff is the only way, or if embedded images are okay. Thanks.

Anonymous said...

Coleen -- right-clicking and copying the photo and then pasting it into your Journal (as you say you did), is pretty much the same thing as what I blogged about back in October ( http://journals.aol.com/journalseditor/magicsmoke/entries/768 ) -- it's actually kind of a shortcut, but it will do the same thing: It will work initially, but will stop working at some point down the road.

However, if you instead copy and paste the permalink URL that I wrote about this week, that photo should be good forever.

Future revs of the AOL Pictures product may make it easier to do copy and paste like you mention, though we're not there yet.

Thanks -- Joe (posted & mailed)

Anonymous said...

Woo hoo!  Just in the nick of time, I've almost run out of FTP space!
Here's my first try:
http://journals.aol.com/dornbrau/ThroughtheEyesoftheBeholder/entries/1997

Anonymous said...

Thank you for the tips.

http://journals.aol.co.uk/jacksj989/OldJohnsMemories/

Anonymous said...

h