Effective use of images grab your readers attention and encourage them to read your posts.

Directly above your Visual Text Editor toolbar is your Add Media area which consist of a row of four icons. These are the icons you use to insert images, photo galleries, videos and audio files into your posts.

You use the Add An Image icon to add images to blog posts by either:

A. Uploading an image from your computer
B. Linking to the location of an image on the Internet
C. Adding an image from your media library

Please note:

  • You can’t just use any image you like in a blog post.
  • Unless stated otherwise the law automatically grants full “copyright” over any creative work a person makes.
  • Refer Enhancing posts by adding images to learn more about copyright, creative commons and using images from digital cameras

A. Uploading An Image From Your Computer

 
Video

Watch the video below to learn how to upload an image from your Computer

You insert an image from your hard drive into a blog post as follows:

1.  Click on Add an Image icon

2.  In the Add an Image window click on the Select Files button

3.  Locate the images on your hard drive

  • use your Shift or Crtl key to select more than one image

4.  Click Open to start uploading the images.

5. While your images are uploading you will see a progress bar.

  • If you upload more than one image you need to click on the Show link to edit the image details and insert the image into a post (refer to these instructions for inserting a photo gallery).

6.  In the image option screen you need to:

  • Enter a title for the image
  • Choose how you want the image align (None, Left, Center or Right)
  • Select size of image you want to insert (Thumbnail, Medium, Large or Full Size)
  • Then click Insert into Post to add the image to the post

7.  Your Add an Image window should be closed and your image should now be inserted in your post.

About Image Size

When you upload an image it automatically creates a thumbnail and medium size versions of this image. You can choose to insert Thumbnail, Medium, Large or Full Size images.

It is good practice to resize your image to the size you want to use in your blog post before uploading and then insert into your post as Full size image.

As a general rule:

  • To make image use entire width of your blog post area: resize image to 450 pixels wide
  • To wrap text next to image then resize image to 150-200 pixels wide

TIP:

You are able to change the size of thumbnail and medium sized images under Settings > Miscellaneous.

See also:

B. Linking to An Image On The Internet

 
Video

Watch the video below to learn adding an image from a URL

You insert an image from a location on the Internet into a blog post as follows:

1.  Click on Add an Image icon

2.   In the Add an Image window click on the From URL tab

3.  Add the image URL, image title, select the image alignment, select if you want image linked to a URL (i.e. when reader clicks on the image they will be taken to that URL) and then click Insert Into Post


4.  Your Add an Image window should be closed and your image should now be inserted in your post.

C. Adding an image from your media library

 
Video

Watch the video below to learn adding an image from your media library

You insert an image from your media libary into a blog post as follows:

1.  Click on Add an Image icon

2.  In the Add an Image window click on the Media library tab

3.  Locate the image and then click Show next to the image you want to add.

4.  Add image title, select image alignment, choose your image size and then click Insert Into Post

5. Your Add an Image window should be closed and your image should now be inserted in your post.

See Also: