Help

How do I insert photos into a blog entry?

There are two ways to insert photos into a blog entry. You can either do it with the editor in WYSIWYG mode (which is the default mode) or work it in HTML/TEXT mode.

Via WYSIWYG (default) mode:

  1. Click the 'Insert image' button on the editor (highlighted in the screenshot below). A small window will pop up allowing you to select the photo you want to insert and determine specifications about your selected photo. Allow the popup window to load completely.

  2. Select a size for your photo before selecting your photo. The default size is 480x360 pixels. If you wish to publish a bigger or smaller photo, select your preferred dimensions from the dropdown list.

  3. The popup window displays 6 thumbnails at a time, starting with your most recently logged photos. Click 'previous' or 'next' to browse through your photos. Select the one you want by clicking on it.
  4. Click OK.

To insert a photo in HTML/TEXT mode:

  1. Start by clicking the 'Toggle HTML source' button (indicated in the screenshot below) to switch from WYSIWYG to HTML/TEXT mode.

  2. Insert the photo's HTML code block into the text area.

    To get the HTML code block for a photo you wish to publish, click on the 'Use Elsewhere' link found on the action list at the right hand side of the entry's page and copy & paste the code provided.

  3. If you'd like to tweak the size of the photo, insert your width and height specification (measured in pixels) at the last line of the code block as indicated in the red text below:

    <a href="http://spamelaanderson.staging2.com/2739" title="This photo lives in LifeLogger.com. Upload gigabytes each month - absolutely FREE!"><img src="http://spamelaanderson.staging2.com/media/photos/2739_wbqehjjnsa_vlarge.jpg" alt="IMG_4123" height="300" width="320" /></a>

  4. When you're done, click SAVE.

And there you have it - a photo in your blog entry!