Textile2 for Formatting Blog text

Text (Inline) Formatting

*...* bold. Eg This is *bolded* text

_..._ italic. Eg This is _italicized_ text.

^...^ superscript Eg 12^th^ Jan 2006

~...~ subscript,. Eg H~2~0

Note that there should be NO SPACES between the formatting character and the text.

Block Formatting

These symbols format whole paragraphs or blocks of text. The signature should be at the beginning of the line and is followed by a dot and then a space.

p. paragraph. Eg p. this is a new paragraph of text. {Note the dot and the space}

bq. blockquote. This is how you indent text and is very useful. Use this signature to format quotations longer than a single line. Eg
bq. "The raging rocks and shiverin' shocks will break the locks of Pearly Gates...."

h1 h2 h3 h4 h5. headings. Always use these heading signature to 'nest' levels of headings.
Eg
h1. Title of Thesis
h2. Subtitle
h3. Sub-subtitle.

Extending the blockquote.

Q: How can I have two successive paragraphs indented?
A: place an extra dot after bq. Remember to start the third paragraph with a p. otherwise it too will be indented.

Eg
bq.. "quote 1 indented"

"quote two indented"

p. normal left aligned paragraph.

Links

These are easy to format:

Syntax: "text to click on":URL. Eg "Go the the "Earlham website":http://www.earlham.edu

TIP: In the address bar there is often an icon for the web page displayed. You can drag this and drop it into the editing box and you'll find the page URL followed by the title of the page. All you need to do now is to cut the title text & past it in before the URL, and add the surrounding quotes & colon.

  1. In a separate window browse to the web site you want to link to. Position the M.T window so that the Extended entry box is visible as well.

  2. Drag the address icon and drop it into the MT Extended entry box. You will get:
    http://www.earlham.edu/~markp/it/
    Instructional Technology

  3. Now, select the page title (in this case, Instructional Technology) and cut (ctrl-X). Paste it in front of the URL:
    Instructional Technologyhttp://www.earlham.edu/~markp/it/

  4. Add the quotes and colon to make it into a link:
    "Instructional Technology":http://www.earlham.edu/~markp/it/

Tooltip

You can endow your web link with a cool popup tooltip like this:

Just enclose the tooltip text in round brackets inside the quoted link text. Like this:

"Instructional Technology(mark's cool IT blog)":http://www.earlham.edu/~markp/it/

Lists

Unordered (bullet) and ordered (numbered) lists can be done and they can be nested too.

Bullet list. Use an asterix at the beginning of a new line (leave a blank line above the list). Eg

* item
* item
* item

Numbered list. Use a hash mark # instead. Eg

# item 1
# item 2
# item 3

To nest:

* item
** nested item
*** more nesting

Footnotes

To give references, whether web URLs or print you'll want to list them all at the end of the blog entry as endnotes. Here's how:

  1. Place the footnote number in square brackets right next to the text. Eg
    "There's trouble up mill[1]"
  2. At the end of the entry type in the footnote destination:
    fn1. "What do mean 'trouble up mill'?

This will give you something that looks like this:

“There's trouble up mill1”

............

References

1 "What do mean 'trouble up mill'?

Formatting Web References

Here's how you should format a web reference:

h2. References

fn1. "Musical Geeks Mine 8-Bit Sound":http://wired.com/news/digiwood/0,1412,69173,00.html?tw=wn_6culthead

bq.. Christopher Null, Wired News, 02:00 AM Oct. 13, 2005 PT
Resurgence of interest in 8 bit digital sound by avant guard techno-musicians.

fn2. "Dark Underbelly of Technology":http://wired.com/news/technology/0,1282,68606,00.html?tw=wn_5culthead

bq.. Tony Long, Wired News, 02:00 AM Oct. 13, 2005 PT
Man gets cranky thinking about what technology is doing to the world.

p. or try using the "printable link":http://wired.com/news/print/0,1294,68606,00.html instead

This will look like:

formatted web reference

Images

You can either upload an image file (png, jpg or gif) and have MoveableType generate the html code for you which you then paste in to the text entry box (see upload instructions) OR you can reference the URL to the graphic direct from it's hosting web page. Here's how to do the latter:

  1. Use Firefox to locate the image you are interested in. Rt-Click and choose 'Copy image location'.
  2. Now click in the text entry box of MoveableType and press Ctrl-V
  3. Just enclose the image URL with exclamation marks.

    !http://www.icelandicgeographic.is/spreng.jpg!
  4. To add <alt> text enclose it in parentheses:

    !http://www.icelandicgeographic.is/spreng.jpg (Surtsey explodes)!
  5. To align image to the left (text flows past on the right) insert a < after the ! :

    !< http://www.icelandicgeographic.is/spreng.jpg (Surtsey explodes)!
  6. To add some padding to the image (or the text will be bang up against it), insert a ) :

    !<) http://www.icelandicgeographic.is/spreng.jpg (Surtsey explodes)!

Here's an example:

!<) http://www.icelandicgeographic.is/spreng.jpg (Surtsey explodes)! 
An example of an inline image

clear.

p. This para should be underneath

Note the clear. signature that clears the line and places the next text underneath the graphic. This looks like:

example of inline image

Mark Pearson 11th Jan 2006