Adding images to your posts

Your posts look more interesting if you add images to them.   Here's how to do it.

 

First, you need to save the image as a file on your computer.   If the image you want to use is on a web site or in a web-based email reader such as gmail, right-click the image and choose "Save Image As".   Remember the file name.  :-)

If your image is from your camera or elsewhere, please consider storing it in jpg, png or another compressed format, not bmp.  bmp files are larger and therefore make your web page slower to load.

Now that your image is ready, there are two ways to add it to your post.

a) For events:  You may add a small thumbnail image to an event by using the  "Upload a New Image" section.   Click the "Choose File" button.   Choose the file on your PC, then click "Upload", and "Submit".  That's it!   The image will be rescaled to a small size, and it will appear below your event in the calendar on all pages of the site, including the front page.   

b) For any kind of post, you can include any number of larger images and incorporate them into the design of your post with the following procedure.

In the Body section, click on the Image tool in the rich text editor toolbar:

You will see the "Image Properties" dialog box.   Click "Browse Server" to pick an image.   You will see an Image/File Browser with three sections.   The top section lists all the images that have been contributed to our site.   At the bottom, click Browse.      Choose the file on your pc, then click Upload File.   Your image should appear in the middle section.    It's now on the server and is available to be included in a web page.

Now go back to the top section, scroll down to the end of the list (since your newly uploaded image is the last one on the list) and click add.   This adds the image to your page.   You see the Image Properties dialog box again and can just click OK.    Or you can select some options.   For example, the image to the right of this text is "Aligned Right" with a HSpace of 20 pixels.   You can also adjust the size of the image by changing either the Width or Height value in pixels (the other value will be scaled automatically for you).   

Back in the Body, you can drag your image around to the right place.  If you want to set some of its properties later, click the image in the rich text editor and then click the Image tool again.   (If this doesn't work, you may have to click "Switch to plain text editor" and set your image details in HTML code.   Write ujpcoalition@gmail.com for help if you get stuck.)

Filed under: