Add Images to Your Internet Based Family Website

NEW VIDEO TUTORIAL AVAILABLE! This tutorial now available on video. Click the video image below to start watching or simply continue to scroll down the page for the written tutorial.

Prefer to Read? The Written Tutorial is Below:

1. Process: Changing the Image in the Selected Page Layout

1. Once you are logged in, select the page you wish to add an image.

2. Click  "Edit Page" on the toolbar.

3. Click the "Image" box on the right side of the screen.

A window will pop up that looks like this:

You can browse through images by clicking the index on the left or you can use the keyword search above the index if you’re looking for a specific type of image (pencils). Once you've found the image you want, you can simply click it to choose it.

Once you've clicked, the image will show on the main editing page again, like this:

Click save at the bottom of page and your changes will appear on the page.

2. Process: Using Your Own Images

Before you can put your own images on your page, they need to be saved to your computer.

You'll also need to double check the size of the image. Images must be 640 by 640 pixels or less to use them on your web page. If you don’t have software to shrink your photos, you might want to try one of these: Fookes or Irfanview.com.

1. Start by selecting your page (the folowing instructions are illustrated in the first part of this tutorial.

- Select the page you wish to add an image.
- Click the “Edit Page” button from the toolbar
- Click on the “Image” box on the right (the pop-up window will appear)

2. Click the "Add Images" at the top of the pop-up window:

The "Add Images" window will appear. Here:

- Click the 'Browse' button to locate your image saved on your computer
-  When you're finished making your selection, click 'Add Images to Library'

You can upload up to five images at a time by repeating this step. The image(s) will now appear within the window.

- Click the image you want to use from the newly uploaded ones
- Click the 'Save' button at the bottom of the page.

Your web page will now appear with the image.

3. Process: Add images to Another Area of the Page

The instructions thus far showed you how to edit the page in the layout you selected for your page, but you can add images of varying sizes to anywhere you choose on a particular page.

1. Simply point your mouse to put a cursor on the area of the page where you want the image to appear.

2. Then click the following image at the top of your editing menu.

3. Repeat the steps in the first two tutorials, except you needn't resize the images. They can be the size you'd like them to be. You can also specify left or right alignment, a border, and vertical/horizontal space.