Suckerfish

  • Art of Travel
  • Travel Narratives
  • Archive
    • Art of Travel (Fall 2011)
    • Art of Travel (Spring 2011)
    • Art of Travel (Fall 2010)
    • A Sense of Place (Spring 2011)
    • Travel Classics (Spring 2011)
    • Travel Fictions (Fall 2010)
    • The Travel Habit (Fall 2011)
    • The Travel Habit (Fall 2010)
  • Research
    • Place
    • Travel
    • Search Bobst
    • Citing sources
  • Blogs
    • Log in/Create account
    • Help
    • Home

Help

  • Help
  • Creating an account
  • Posting a blog entry
  • Adding inline images
  • Tips for Better Posting

Adding Inline Images

If you would like to add additional images to your post within the body of the text (these are called “inline images”), here's how:

1. Put the jpg image on your desktop or in a folder where it's easy to find (just the way you do with posting your main image).

2. Put the cursor where you want the image to go.  Do NOT put the cursor at the beginning or near the beginning of the text of your post—that will mess up the format of the teasers. Wait at least three or four sentences before inserting an image.

3. Click on the image icon in the top row of the text editor, and then click on the "upload" tab.  Choose the image file, then click on "send it to server."  Then wait a few seconds for the image to upload.  If you're waiting and waiting, maybe there's a problem—click cancel and try it again.

4. Once the image is uploaded, you should get a new pop-up window with part of the image showing and some boxes where you can type in information about the image:

Width: If the image is a "landscape," i.e., the width is greater than the height, type in 600 and the image will be the same size as your main image.  If the image is a "portrait," i.e., the height is greater than the width, type in 300.

Height: You don't need to type in anything here—this number will appear automatically after you type in the height, and the height-width ratio of the original image will be preserved.

Margin: If you want a black box around the image (optional), type in 3 pixels.

Align: If the image was a portrait and you set the width for 300, set the alignment for left or right.  This will create a "text wrap" so the text appears at the side of the image.

Vspace and Hspace: Set this for 3 pixels: it will put some space between the image and the text.  

5. Click OK and you're done.  After you post your entry, if things didn't turn out as you'd hoped, you can go back and change the settings.  Click on the "edit" tab, then double click on the image and the pop-up window will appear and you can change the width of the image, the Vspace, etc.  

6. Image source: There's no special field for the URL of the image source, so do one of the following: Under the image, type "image source," and create a text link to the image source.  Or, while you're in edit mode, click on the image as if it were some text, and then click on the link icon and make a link to the source.

E-mail me if you have problems.  Just click on the "contact" link at the top.

One other suggestion: If you have lots of images, put them on flickr or some other site, and just link to a slideshow in your post.

RoopleTheme