Sunday, November 04, 2007

Arranging Text And Pictures Within Your Blog Posts

When you use post editor to create a blog post, and you use the convenient picture upload wizard in the post editor, you notice one annoying behaviour. No matter where the cursor is when you upload a picture, the picture always gets uploaded at the top of the post. Multiple pictures get uploaded at the top, each one placed above the next.

If you like your pictures interleaved with the text, you then have 2 choices.
  • Upload the pictures in the post before you write the text. Plan the order and arrangement of the pictures, then add text, before and after each picture.
  • Relocate each picture, one at a time.
    • If you upload in Compose mode, learn how to grab, drag, and drop each picture, into the desired location.
    • If you upload in "Edit HTML" mode, learn how to cut and paste the exact components of code, into the desired location.


If you relocate the pictures after uploading, do so carefully. There are known problems with certain browsers, using drag and drop under Compose mode. And if you don't know what you're doing, it's easy to cut and paste incomplete portions of code, if you cut and paste under "Edit HTML" mode. Learn how to backup and restore the blog, before taking chances.

However you upload the pictures, remember if you use "Edit HTML" mode, and you setup the pictures to float (with text arranged beside each picture), to follow each picture with a break, clearing on the same side as the picture. And after you do this, stay in "Edit HTML" mode for editing that post. If you switch to "Compose" mode, you'll find that the floating and breaks will get dropped.

I make it a habit to always switch back to "Edit HTML" mode before Publishing a post. That way, whenever you open a post, you will always be in "Edit HTML" mode, predictably. Open a post in "Compose" mode, after you previously published it with carefully arranged pictures, just once, and you won't do that again.

>> Top

3 comments:

Lois K. said...

This was the simplest explanation I've found. Thank you.

Warren Wheeler said...

this has been driving me nuts for months. thank you, thank you thank you.

Davewhodoesn'tcare said...

You have no idea how helpful your post has been to me. Thank you so much. Clear, concise and straight to the point- you've made my life a lot easier!