Multiple Images Per Post

With some knowledge of basic HTML, additional images can be added to a blog post. refer to this example of multiple images per post.

Image on another web page

If the image is located on another website, like a Flikr image gallery or some other location, a standard html tag for an image can inserted into the blog post:

<img src="http://www.domain-with-image.com/abcde.jpg" class="blogImg">

Image loaded to SailBlogs

If you want to upload the image to SailBlogs, and take advantage of the automatic scaling features and image storage, the following method can be used:

1. Create a new blog post, give it a title of something like 'image holder' (it doesn't really matter what the title is), a body with just some dummy text (again it doesn't matter), and attach an image.

2. Make sure the display of the message in pt 1 is OFF, and submit the post to the system.

3. Return to your message list, and click on the the image holding post. You should see the image displayed. When you right click on the image (Windows), or click-hold (mac) you ought to see a menu option for properties or image info. Note the part of the URL for this image that comes after your directory.

Looking at the properties for the image, the URLs for the images are something like

http://www.sailblogs.com/member/yourdir/images/abcde.jpg

Take note of the images/abcde.jpg part. Usually the image will be the same name as you uploaded, but not always.

4. Create the entry that will display multiple images. In the body of the post, put the link as illustrated below in the text where you want the image to appear:

<img src="images/abcde.jpg" class="blogImg">

Note that there is no slash before the word images.

5. if you attach an image to the post as you normally would with the browse button, that image will appear, as always, below the title, with the body image (from step 4) following as part of the body text.