Posting Charts

Although charts are similar to still images in the cleaning up and saving process, the process for posting charts in a bit different.

  1. Log in to Movable Type.

  2. Go into the story entry where you want to post your chart.

  3. Click Upload File in the left sidebar.

  4. In the Upload File dialog box click browse

  5. Select the chart file you want to upload.

  6. Click Upload

  7. In the next window, make sure Show me the HTML is selected

  8. Check the Create a thumbnail for this image box.

  9. Make sure the constrain proportions box is checked.

  10. Change the width to 240. Click outside of the width box and the height should automatically change. This will be the size of your thumbnail. Do not change the height.

  11. Click Popup Image
    Uploading options for a chart in Movable Type

  12. Copy all of the HTML code generated for you and paste it into your story.

  13. You need to include some div code to make your text wrap around the thumbnail image. At the beginning of the code generated for you type
    <div class="floatleft" style="width:240px">. Make sure you don’t have any spaces between the div code and the generated code.

  14. At the end of the code generated for you type </div>. Again, don’t put any spaces between the generated code and your closing div code.

  15. You should now have a clickable chart thumbnail on your story page. When you click on that thumbnail a new window should pop up with the full 600 pixel version of your chart.