How to Upload Images on Squidoo

Don't know anything about web page design or HTML? No worries! Let Squidoo do the work.

The following modules let you upload a picture. The number in brackets is the maximum width of a graphic for that module. If your image is bigger, Squidoo automatically shrinks it to fit!

Introduction Module: [250px] Places your image at upper left.

Text Module: [250px] Places your image at upper right. (Example at right)

Text with BIG Picture Module: [590px] Image spans the width of the column, just above your text.

Photo Gallery: [590px] Image across column; upload and store up to 10 photos/pictures in module with captions for each. (No HTML on captions)

Polaroid Module: [400] Image in a gray frame with a caption.

Text Modules are found under the "Popular" tab in the sidebar of lens workshop. Find the Polaroid Module by clicking "Browse all modules" > "Categories" > "Pictures and Videos" > "Polaroid Module" > "Done Adding". Then:

1. Click the Edit button for that module.
   
2. Click Browse.
   
3. Select the image saved on your hard drive.
   
4. Cick upload.

That's it!

At that point the picture is loaded onto Squidoo. See how it looks by clicking Save to save the text portion of the module.

Below is an example of the Polaroid Module.

Woo! Squidoo now has a Photo Gallery module! It lets you upload up to 10 pictures. You can set it to flip between pictures automatically, or leave a default picture and let the user click to view the others.

Each picture may have a caption (HTML and © don't work). You could use this not just to display photos, but to give a step-by-step guide to something, anything that needs pictures!

Right now the photo gallery may ONLY be found under >Browse all modules > All Modules > Letter "P" (the alphabetical module index). Hopefully it'll get added to the "Pictures and Videos" category. Or "Search" for "Photo Gallery."

Note that I've had the Photo Gallery act a little dizzy sometimes in the Lens Workshop when I delete or rearrange photos in the list. It'll show two of the same photos twice, or tell me a caption is "undefined." If it starts misbehaving like this, publish the lens -- it's not like five hundred people are watching for your lens to be published, so no one will see the drop cloths and construction zone cones -- view the lens, then edit it again. That seems to straighten it out.

The basic command for putting an image in a Text Module (or the Description field of most modules) is:

<img src=http://www.somedomain.com/imagename.jpg>

SRC is short for "source." Put the image's URL (location) after the equals sign.

  How to get it on the left?

<img src=http://www.somedomain.com/imagename.jpg style="float: left;">

There many ways to place your images using centering, captions, borders, and/or clickable links. See my Aligning Images on Webpages tutorial for all kinds of tricks.

You'll need to have the image hosted on Photobucket or another image host to place images using HTML.

HTML is a powerful way to place graphics exactly where you want them, but there's one problem. Squidoo's built-in modules upload and store the images on Squidoo's servers. With HTML, you need to store the graphics somewhere yourself. No, not on your computer -- hopefully nobody on the web can see your hard drive!

You need an image host! I'll discuss other image hosting possibilities below. But for beginners, Photobucket is a free, quick and easy image hosting solution, and will be all most people need. (If you have a really popular webpage, Photobucket may give a temporary error message showing your 'bandwidth usage' has been exceeded -- each view of a picture occupies a tiny bit of their servers' processing power -- but I have yet to make a page that popular.)

Register for a Photobucket Account here.

The interface on Photobucket is easy-peasy. You can add new "Albums" (folders, subdirectories) at lower left. The Uploader is smack in the middle of the screen, next to annoying ads.



After you've uploaded some images, hover your cursor over an image to get a popup showing you the picture's URL. Choose the "direct link" option at bottom.

Copy it. Paste it on your lens exactly where you want the picture to appear using this HMTL code:

<img src=URL-you-copied-goes-here.jpg>

If you want to do more than just plop it in like a paragraph, see my Aligning Images Tutorial.

TONS of people search the web for images. This is a potential traffic source!

So, before you upload a picture from your computer, be sure to (re)name the file something that identifies it to search engines. Don't use "coolpicture.jpg" or "fig-1.jpg". Use some thing like "bald-eagle.jpg". You may want to use Search Engine Optimization techniques to choose a frequently-searched word or phrase.

Then...

Method #1: Use the filename as a signpost. That filename is retained when you upload a graphic to ANY Squidoo module that lets you upload an image. Photobucket will keep it too, although Flickr doesn't. If you have your own web hosting service, that should also keep filenames.

Method #2: If you store your image off-site and use HTML to place an image on your lens, add an "alt tag," text which shows up if there's a net hiccup causing the image not to display. This "alt tag" gives you a second label for the image, doubling your chance to get it picked up by search engines. For example:

<img src=http://www.someplace.com/pisa.jpg alt="Leaning Tower of Pisa">

Method #3: On some image hosting sites, you can link to your lens in the picture's caption -- see this example. Then add tags like "Utah, Moab, landscape, sandstone, nature" to the image to help people find it when searching.

Method #4: Flickr is making it harder and harder to use its pictures off-site. But there's no reason we can't put the image in a Squidoo Photo Gallery module, and also post it on Flickr with a link back to our lens using Method #3. Make sure the caption is more than a link, or they're liable to penalize you for advertising. Instead, provide information about the photo, and just slip the link in as part of the description. See this example.

Why bother to use Flickr? It's one of the most-searched image hosting services. Visitors may find your pictures there and follow your breadcrumb trail back to Squidoo.

Flickr's new policy drastically reduces the pool of available images. Nonetheless, for popular terms like "cat" or "airplane," there's so many photos that some of them will be licensed in a way we can use.

How can we tell if a Flickr photo may be used on Squidoo?


That's a pain in the butt, isn't it? Here's what to do. Go to Creative Commons Search and check the "use for commercial purposes" button. That'll restrict your search of Flickr to pictures that work on Squidoo.

Below is an example Flickr Gallery.

Get the Flickr Module from the module sidebar by clicking Browse all modules and choosing Flickr Photos under "Web Stuff." Then click Done Adding.

Move the Flickr module where you want it in your lens using the sidebar "Reorder Modules" palette.

Click Edit on the Flickr module.

You have three options: Let Flickr Pick, Let Me Pick, or Pick By Photoset.

Don't let Flickr pick. Flickr is stupid. All you can do there is give Flickr a topic like "daisy," and it will grab random pictures people have labeled "daisy". Nine times out of ten, they will be pictures of cats, girlfriends, or some brand of motor vehicle.

You pick. Find images using Creative Commons' Flickr search with the "Commercial" option checked, then copy the URL (address of the webpage) where each photo is found. Paste it in the Flickr module in the box under "Enter links to photo pages on Flickr."

If you've found a good Photostream or Set with lots of pictures you want, see this screencap showing you the fastest way to grab a lot of URLs. If you're looking at one photo and want to see the whole Set/Stream, click See All and then pick the Detail view.

WARNING: Remember to click the "ADD ITEMS" button when done,
or Squidoo will not save the pictures you've selected!
Instead of picking photos one at a time, if you find an entire set you like, choose Pick By Photoset (see above). Enter the username the Photoset belongs to and click Go. Squidoo should retrieve a list of photosets under that person's name. Select one.

Notice the gallery displays a maximum of ten pictures by default; you may want to change that. There is also a "slideshow" option for Photo Sets, showing images one by one at a larger size.

Once you've got the photos (choose "Done Adding"!) or set you want, click Save to close the module and see how it looks.

There's one big hassle with Flickr: you can only use Creative Commons images on Squidoo.

You may register an account with Flickr. The first 200 photos are free, then you have to get a paid account.

To upload pictures to Flickr, log into your account, then pick "Upload Photos and Videos" under the "Organize" tab. Or download the Flickr Batch Uploader to your computer and follow its instructions.

After you've uploaded pictures to Flickr, you need to set your pictures Creative Commons in order to give yourself -- or anyone -- permission to use them on another website.



Go to the "Organize" menu again, and organize your most recent upload (or all your stuff). Drag the photos you want to use into the batch-organize area, and choose "Change Licensing". Here's the popup you'll get:

Explanation of Creative Commons Licensing Permissions:

• Attribution: must give credit (and/or link)
  
• NonCommercial: can't make money with image. Alas, Flickr has sabotaged us: you can no longer display images in a Flickr module on Squidoo if they are marked as NonCommercial.
  
• ShareAlike: if you change image, must give same level of permission
  
• NoDerivs: Can't change, modify image

After you've set them Creative Commons, you'll be able to use them in a Squidoo Flickr Gallery or place them in a text module using HTML code. To get the code, go to a photo's individual page and click on the "All sizes" magnifying glass above the photo. You'll jump to a new page where you can choose what size you want. Below the picture will be some gobbledygook code that you should copy and paste directly into a text module, exactly where you want the image to appear.

If you want to align the picture left or right or have text beside the picture (as I did just above), see my Aligning Images Tutorial.

The Slideshare Module is found under Browse all modules > Categories > Pictures & Video. Slideshare is a special hosting service that allows people to upload and share Powerpoint and other slide-software presentations, including ones with soundtracks.

You can have 1-5 slideshows in a Slideshare Module. The only problem is, the Slideshare Module can't always find "Slidecasts." If you search by words in the title, it might find it--but maybe not. If you search by username, it only returns the first slideshow by that user. I've filed a bug report, so hopefully the bugmasters of Squidoo can fix this! It looks like a stunning way to share photos.