Skip to main content

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

Comments

Lois K. said…
This was the simplest explanation I've found. Thank you.
Wazdog said…
this has been driving me nuts for months. thank you, thank you thank you.
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!

Popular posts from this blog

Adding A Link To Your Blog Post

Occasionally, you see a very odd, cryptic complaint I just added a link in my blog, but the link vanished! No, it wasn't your imagination.

What's The URL Of My Blog?

We see the plea for help, periodically I need the URL of my blog, so I can give it to my friends. Help! Who's buried in Grant's Tomb, after all? No Chuck, be polite. OK, OK. The title of this blog is "The Real Blogger Status", and the title of this post is "What's The URL Of My Blog?".

Add A Custom Redirect, If You Change A Post URL

When you rename a blog, the most that you can do, to keep the old URL useful, is to setup a stub post , with a clickable link to the new URL. Yo! The blog is now at xxxxxxx.blogspot.com!! Blogger forbids gateway blogs, and similar blog to blog redirections . When you rename a post, you can setup a custom redirect - and automatically redirect your readers to the post, under its new URL. You should take advantage of this option, if you change a post URL.