Blogging with MoveableType

Moveable Type creates a static blog. That is, the blogging system places static web pages in the user's web space rather than creating them on the fly (as Wordpress does). Thus, before we can create a blog we have to create the folders for the blog pages to live in and set the permissions to allow access. Then we'll configure the blog, make an entry, link to a web site and upload a graphic image.

We need to create a folder called "blog" and a folder called "archives" inside it to contain our new and older blog entries. These folders need to be inside the www folder so that the blog software (Moveable Type) will work.
Here's how:

1. Start up Internet Explorer.
2. In the address box type in ftp://ftp.earlham.edu
3. Type your username and password into the appropriate boxes.
4. Open the www folder and click inside it.
5. Select File —> New —> Folder.
6. Name the new folder - blog
7. Right-click on the folder and choose Properties.
8. The folder needs to be write accessible, so check all the boxes: see graphic
   click OK
9. Open this folder what you have just made.
10. Select File —> New —> Folder. Name it "archives". (Don't use any CAPITAL letters in these folder names)
11. Now right-click on the folder and choose Properties.
12. Check all the properties boxes and click OK.
13. Close Internet Explorer and fire up Windows Explorer - navigate to your Home or H: drive and open the www folder.
    You should now see a folder called blog and within this a folder called archives. Check that they are both there.

1. Fire up Firefox (of course)
2. In the address box type in http://www.earlham.edu/moveabletype/mt.cgi (or click on this link).
3. Enter your username and password (the ones you use with webmail).
4. Now we want to create a new blog, so click on the "Create New Blog" button.
   All the boxes should already be filled in. Check that they look similar to below:
   1. Local Site path :  /home/students/<your username>/www/blog
      For example, LaRon Henry's blog would have a local site path: /home/students/henryla/www/blog
   2. Site URL :  http://www.earlham.edu/~<your username>/blog
      This is what you type in to Firefox to get to your blog. The ~ is the tilde character located above the Tab key on your keyboard (you'll to hold the Shift key down also).
   3. Local Archive Path :  /home/students/<your username>/www/blog/archives
      Note that the archives folder is inside the blog folder.
   4. Archive URL :  http://www.earlham.edu/~<your username>/blog/archives
5. Now you need to:
   1. Type in the Weblog name. This will appear in big letters at the top of your blog.
   2. Timezone : select UTC-5 (Eastern Time). Make sure you set this otherwise all your postings will have the wrong time.
6. Click the Save button to get this message:
   
   
   Now, guess what you should do next.

7. that's right, rebuild your blog.
   Whenever you make changes (either posting a message or changing preferences) you'll need to Save and then Rebuild before Viewing.

Note the management strip down the side of the browser window. This is always available.
Click on the Preferences link at the top of the screen: see graphic

1. General Settings:
   • Type in a description of your Blog. This will appear on the main Blog banner.
   • default Text Formatting for new entries : pull down to Textile2
   • default Post Status when creating new entry: pull down to publish
     (otherwise it's a two stage "draft" then "publish" process, and you can always go back and delete an entry).
2. Archiving:
   leave all the defaults
3. Publicity .....
   You may want to check 'Turn on Track-Back auto discovery' so that people can easily trackback to your blog.
4. Comment Configuration:
   • Do not allow anonymous comments (leave this unchecked).
   • If you want to be notified by email when someone makes a comment, check this box.
   • Text Formatting for comments : I enable Textile2 for text formatting here.
   • Check "auto-link URLs". This means that whenever you type in or paste in a web address (URL) it automatically becomes linked.
   • Allow Comments default - pull down to None. This means that the default setting is no comments -- you can easily set this to Open for the blog entries you want.
5. Click Save button
6. you've made some changes, so Rebuild. Click on View Site to see what it looks like.

1. Click the New Entry button in the management strip.
   You'll see empty fields for Title, Entry Body, Extended Entry, Excerpt, and some pull-down menus
2. Title : type in a pithy title for your blog entry. You can go back and edit this later if you wish.
3. Entry Body. This should contain either a brief summary of the blog entry or the first paragraph of the blog entry
4. Extended Entry. Write your main text here.
5. Excerpt. This is the text that appears in the RSS feed from your blog. You can write a summary here or leave it blank and the first 20 words of the posting will be used instead.
6. Allow Comments: select Open
7. Click PREVIEW button to see what your entry will look like.
8. Make any changes you need.
9. Click SAVE button to save your work. This will do a Rebuild also.
   Note: the same editing screen now returns and there is no indicattion that you've actually saved anything. To make sure that you are OK, do:
10. Click VIEW SITE to check your blog entry.

Observe the appearance of your blog

• Note that the Entry text appears on the Main page.

• Clicking the MORE... link takes you to the 'Archives' and you see the whole blog entry consisting of the Entry Body and Extended Entry.

• This looks a lot nicer than cramming all your text onto the Main page.

11. Woops. I made a mistake.
    Click on Post : Edit Entries in the management strip.
    Here, you can either delete the entry or click on the entry link in the list of Entry Names to change the contents.
    Save and View as before.

Textile2 is a wonderful way of formatting the text in your blog entry without having to use HTML codes.

The full manual is at http://bradchoate.com/mt/docs/mtmanual_textile2.html

A neat introduction to Textile2 is here

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.
   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.

Linking to the 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 message 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.
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.
3. You will usually always want to choose 'show me the HTML' -- otherwise you end up creating a new blog entry by mistake.

More choices!
If (and only if) your uploaded file is a graphic (.gif or .jpg) 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:see graphic
   
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: see graphic
   
8. Now click Preview and you'll see this: see graphic
   
9. Happy with this? Click Save This Entry and then View, and Bob's Your Uncle :-).

You'll want to change how your Blog looks, now won't you? here's how:

1. Click on the Manage:Templates button.
2. Now choose the "Stylesheet" Template Name: see graphic
   
3. Ctrl-click on the Moveabletype logo at the top on the screen to go to the Moveabletype site in a new tab.
4. Click Styles : 2.6x Default Styles. There are seven syles here to choose from; "Clean" to "Stormy". Click the Screenshots to see what each looks like.
5. When you've decided, click inside the box and highlight the whole of the text there.
   Press Ctrl-C to copy to the clipboard.
6. Now go back to the previous tab and click inside the box labelled "Template body:"
7. Select all this text by pressing ctrl-A.
8. Press Ctrl-V to paste the new style in.
9. If you make a mistake, just go back to the MT site and try again.
10. When you are satisfied you have done it right, click Save and then Rebuild.
11. Now View
12. That's it. All your configuration has been done. You can always go back and change things around .