Difference between revisions of "Multiple Images Per Post"

Revision as of 17:25, 19 June 2016

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 in SailBlogs Gallery or on another web page

If the image is located in a SailBlogs gallery album, or on another website (like a Flickr 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">

An easy way to get the URL or an image is to RIGHT CLICK on the image and select "copy image location" or "copy image address" (depending on the browser).

NOTE: There is a shortcut icon located above the blog post body field that will insert this syntax for you, you just add in the URL to the image.

Image loaded to a SailBlogs blog post

If you have a free level account without gallery features and want to upload the image to SailBlogs taking 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 image name. 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="/member/yourdirectory/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.

Multiple Images in Remote Posts

The remote system of SailBlogsVR and XJSail is limited in a couple of ways, and one is that there can only be one image attachment per email to the system. David of Amanzi (http://www.floatingclassroom.com) found a way around this.

1. You'll need to have confirmation messages turned on - see your remote properties.

2. Compose a remote post with an image attachment, setting the view to OFF and just some minor description in the body field.

3. The remote processor will send a confirmation message that also includes the FILE NAME of the image that was sent. Images sent with remote posts always get new file names, regardless of the name of the file that was attached.

4. Now you know the name of the image file that is on the SailBlogs server, and you can build an HTML link to that image in another post. Images are always stored in the

/member/yourdirectory/images/

directory. So the HTML in the post that will be visible to the user would be

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