Adding Images from Image Hosts

There are dozens of free image hosting services available on the Web these days.  In this demonstration we’ll use Google’s Picasaweb service and link an image from there to a page in our hobby Mega Mall.

We first locate the image in our online gallery we want to use in our Mega Mall. What we really want is the URL or Location of the image.

The next steps are similar in Firefox and Internet Explorer. Here’s both in screen shots to demonstrate.

An something like this in Internet Explorer…

Make sure to swipe (highlight) the whole location or address. For images, this will always start with http:// and end with .gif, .png or .jpg. Our homemade stout image from Picasaweb has a location that looks like this:

Once you press the CTRL key and C keys together you make a copy of the location to your computer’s clipboard. Now go to your Dashboard and to your WYSIWYG editor for adding the image to your Mega Mall page.

Start by clicking at the location where you want your image to appear.

Click the Insert Image button from the editor toolbar.

Swipe the initial http:// in the Image URL box (so it’s highlighted)

Paste the location URL from your clipboard by pressing CTRL and V together.

Now type some Alternate Text which briefly describes the image. (This  Alt Text is good for search engines too!) Choose how you want the image to be displayed (Left, Right etc.) and click the Submit button.

No matter where you keep your images online, you can use this method to have them appear in your pages, providing they are made public. Picasaweb, PhotoBucket, ImageShack are a few of these services.

Next we will look at adding a clickable link to an image.

Best wishes,

DotStartUp