| If you're writing a blog post and want to insert an image, start by clicking the "Upload File" button under the "Posting" menu on the left hand side of your screen. |  |
| A window will pop up similar to the one at the left. (If no window pops up, you might have pop-up blocking software installed. Disable it to continue.) Click the "Browse" button. |  |
| Another window will pop up. On Windows, the window will look like the left-hand window below. On Mac OS X, it will resemble the right-hand window. Navigate to the photo (in this case, the file is called "duck.jpg" and is located on the Desktop) and choose "Open". |
 |
 |
| The Browse screen will disappear, as you will be directed back to the "Upload" window (right). If everything has gone correctly, your image's location (or however much of it will fit) will appear in the box next to the "Browse" button (in this case, "/Users/Boone/Desktop/du".... Click the "Upload" button to continue. |  |
| After clicking the "Upload" button, you may have to wait a few minutes for the picture to upload to the server (your wait will depend on the size of your image and the speed of your internet connection). When the upload is complete, a new window will pop up (left). By default, "Create a new entry using this uploaded file" is selected; you'll want to select "Show me the HTML" instead. Then click the "Embedded Image" button. |  |
| A new window will appear which looks something like the one at the right. It contains the code you'll need to insert the uploaded image into your blog. Highlight the text and copy it (Ctrl-C on Windows, Cmd-C on a Mac). |  |
| Return to the window containing your blog post. Click inside the text box where you want the image to appear. Press Ctrl-V (Windows) or Cmd-V (Mac) to paste the code into your post. |  |
| That's it! When you publish your blog post, the image will appear at the point where you inserted the code. If your image is too large for the alloted space and is getting cut off, see this tutorial on making your images fit. |  |