How to Use Blogger to Add an Image to Your Blog

4 of 6 in Series: The Essentials of Using Blogger to Publish Your Blogs

One way to make your blog post more appealing is to include an image. Blogger has built-in tools for uploading a photograph or piece of artwork that’s already the right size and format for displaying on the Web.

1

Click the Add Image icon.

It looks like a photograph. The Upload Images window opens.

Some Web browsers have begun to include functionality that blocks pop-up browser windows from opening. If you click the Add Image icon and nothing happens, go into your browser settings to turn off this protection.

In some browsers, it’s possible to do this for certain Web sites rather than for all of them, so you can choose to allow Blogger to open a pop-up window without subjecting yourself to other annoying pop-ups. Consult your browser’s Help menu if you need assistance doing this.

2

Click the Browse button in the Add an Image from Your Computer section of the page.

A File Upload dialog box opens.

3

Locate the image you want to upload from your computer, select it, and click Open.

The location of the image is inserted into the image field.

4

Choose a layout and image size from the options:

Layout determines how text will wrap around the image. You can choose None, Left, Center, or Right.

Image size determines what size the image will be shown in your blog post, regardless of how big the source image is. You can choose Small, Medium, or Large.

5

Click to accept the Terms of Service and then click the Upload Image button.

Your image is uploaded and inserted into your blog post.

6

Click Done.

The Upload Images window closes, and your image is visible in your blog post field.

Comments (3)

  1. Posted by NaDou
    Is there other way to upload cause each time I upload the pic will be at top of my post which I don't want it. Any idea? thank.
  2. Posted by 4ndyman
    @NaDou: If Blogger always places your image at the top, there are two ways to move it where you want it.

    If you are comfortable enough with HTML, you can find the code for the image in the HTML editor and just cut and paste it where you want it. It might be easier for you, though, to use the Compose tab. After your picture is uploaded, just click and drag it where you want.

    Because the editing window is so small, this might require some finagling if you want to move it, say, to the bottom of a long post. (1) Scroll down so just the very bottom of the image appears in the editor, then drag it down as far as it will go. Repeat until you get it where you want it. OR (2) Click the image and drag one of the boxes in the corners to shrink the image down. The smaller image will reveal more of the post text and make it easier to drag the image to its home. Once it's there, drag the same box to enlarge the image.

    You can do a lot in the Compose tab, but if you really want to get the most out of your blog, you really should learn some HTML.
  3. Posted by NaDou
    Thank you. I learning HTML but I using the drag method for now.

Leave a Reply


Post Comment

SERIES
The Essentials of Using Blogger to Publish Your Blogs

Connect with For Dummies

Inside Dummies.com