Uploading files

You might want to put a graphic file (gif, jpg, png) into your Blog or a Powerpoint file or Excel file perhaps.

  1. In the Management strip click Post:Upload File
  2. Now click Browse to choose a file:
    Navigate to your home folder (H:) perhaps and choose a gif or jpg file (graphics) or other that you want to display.
    View choice window as a popup window
    Note:
    • There should be no spaces in the filename you are uploading. If the filename does have spaces in it, you'll need to open the Windows Explorer and rename it.
    • You can view thumbnails of what the graphics look like.

  3. Click the "Local Site Path" radio button
  4. Click Upload.
    The file is copied up to the blog folder in your Home directory.
    Now the system will generate the HTML code needed to access the uploaded file.
  5. But I get a stupid error message and it won't upload!
    This usually because the graphic is already uploaded and is currently in your blog folder. Moveable Type is not sensible and does not overwrite when it uploads. This is unfortunate because uploading is the easiest way to generate the HTML code that you need.

    You have two options. Either:

    1. Click the Local Archive Path button and upload the graphic to there. OR
    2. [better] Open Windows Explorer, naviagate to H:\www\blog and delete the errant graphic file manually.

linking to uploaded file

Now the system gives you some options for how your blog entry can link to the uploaded file.


  1. "Create new entry using this uploaded file"
    This will create a fresh entry window and stick into it the html code which refers to the graphic you uploaded. Then you can add your own comments.
    Use this option if you haven't started an entry and want to use the graphic as a starting point.
    Don't use this option if you already have typed stuff into an entry. The system will merely create a new entry and you'll lose what you've just typed. So, use the 'show me the HTML option' instead.

  2. "Show me the HTML"
    This just displays a window with the code in it that you would copy and then paste into the entry you currently have open.
    Click in the window with html code what's just opened and then press Ctrl-A to select it all. Now press Ctrl-C to copy the code and then close the window. Click in the blog entry text at the point you want the graphic to appear and press Ctrl-V.

More choices!
If (and only if) your uploaded file is a graphic (.gif or .jpg) you'll get the following options.
Now you can have the graphic display in one of two ways:

  1. Popup image
    This makes the graphic popup in a separate window when you click on it.
    Use this if you have a large sized (>150 pixels wide) graphic to display
  2. Embedded image
    This will display the graphic directly with the other text you type in.
    Use this for small images (< 150 pixels wide)

worked example

  1. I started by clicking Post: New Entry
  2. I have just uploaded a graphic image of Marcel Garvey scoring a try for Gloucester. Now I want to link to this.
  3. I select the "Show me the HTML" radio button.
  4. I click on the "Embedded Image" button. This gives me the following window:

  5. I now click inside this window and select all the text (it turns blue) and press Ctrl-C to copy to clipboard (or choose Edit —> Copy)
  6. Click the "Close" button. Yes, do this.
  7. Now switch back to the main browser window and paste it in (use Ctrl-V or select Edit —> Paste)
    You should get something like this:

  8. Now click Preview and you'll see this:

  9. Happy with this? Click Save This Entry and then View, and Bob's Your Uncle :-)