You may want to upload documents, image files or other types of files to your blog. Here's how.

1. Log in to Movable Type and click on the "Upload File" menu option.

2. A pop-up page will appear to guide you through the process.

3. Click on the Browse button and navigate to the file on your computer that you want to upload.

This procedure will open another popup window, this one in Windows. It will allow you to navigate through the folders on your computer to the one where the target file is located. When you have located the file you want, click the Open button.

4. If you want, select a destination folder for your file on the Movable Type server.

Your blog is a Web site that contains a number of folders set up automatically by Movable Type. You can also create your own folders to organize the storage of your uploaded files. For example, if you intend to upload a number of images, you can create an "images" folder to store these files. This is illustrated in the screen shot below.

Tip! Make a note of the folder you have created. Then you will remember it exists when you want to upload more files there in the future.

5. Click the Upload button and proceed with the file upload.

At this point, Movable Type will ask you to make a couple of choices. You can choose to create a new entry with the uploaded file, or to display the HTML code that you can paste into an entry that you create.

Let's imagine that we're uploading an image file. In this case, we'll opt for the second choice. Movable Type is user-friendly in that it will give you the HTML code that you can paste into your blog entry. This code will point to the newly uploaded file. Nice! So, go ahead and click on the radio button next to "Show me the HTML."

Finally, Movable Type will give you the option to view the code for a pop-up image or an embedded image. Most of you will be using embedded images - images that simply appear on your page and do not open a new window. Click the "Embedded Image" button and the code will pop up.

6. Paste the code where you want it in your blog entry.

Tip! Notice how the URL in the image code is an absolute URL, one that includes http://liblogs.albany.edu/ This is not necessary. It's recommended that you use a shortened relative URL to point to the new file. After all, why send the browser request outside the Movable Type server to the campus Domain Name Server, only to come back again to our library server to retrieve the file? We can keep the browser request within the Movable Type server by deleting unnecessary parts of the URL.

Rather than this: <img alt="uploadfile.gif" src="http://liblogs.albany.edu/myblog/images/uploadfile.gif" width="412" height="405" />

Use this: <img alt="uploadfile.gif" src="/images/uploadfile.gif" width="412" height="405" />