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

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.

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?".

Blogger Magic - Adding Label Search URLs

One of the simplest ways to make a blog useful is to add label searches. Adding label searches, in page / post text, is not easy - unless you know how to build the URLs. Here's a label search from this blog. http://blogging.nitecruzr.net/search/label/Blogger%20Magic All that I want, when using that label search, is to add another reference to my "Blogger Magic" post series. " Blogger Magic " emphasises how easy it is, to use Blogger. How easy is it, to remember that syntax - to add a label link? Maybe, a " Blogger Magic " reference, in this post?