Posted by Braden Welborn on Wednesday, 08/31/2005
When you're entering a blog, it can be hard to tell what the completed post will look like. Here's a handy guide to the many delights of the edit bar!
Edit bar: A leisurely tour
Upper row (l to r)
Go to the source.
Fine to ignore this. But if you're an html smartypants, you can use this to see the source code and make adjustments.
Copy and paste your heart out.
There are several paste options here. If you have difficulties with formatting when you copy and paste, you could try these to see what works best!
Undo and redo, who doesn't love you?
Axe the formatting.
It's all about the image.
I highly recommend going through the process of inserting the image rather than copying and pasting. The image will be more stable this way...and if you ever want to use it again, it'll be saved with your uploads. This image is 200 width x 292 height. Notice how the text wraps around the small image. I didn't insert any vertical or horizontal spaces so this text lines up tightly with the image.
1. Click on the image icon. (It looks like a tiny photo of mountains and sun.)
2. You'll see an Image Properties pop-up window. On the first tab, Image Info, click on the Browse Server button.
3. A big window will open. At the top lefthand corner, select the Upload icon and choose your image.
4. Click Upload.
5. Now you'll see your image's name highlighted in blue in the large window. Click on the Insert file (with the green check mark).
6. Back to the small window! Here you can adjust height and width (be sure the lock image is on so it won't be distorted!). I encourage you to add alternate text for the accessibility of people with disabilities (or with devices that can't handle images). All done? Click ok.
Wow us with your slideshow.
What you get when you insert multiple images with no spaces between them.
Adding multimedia? Embed code can help.
Copy and paste the embed code for the multimedia.
Create a table, and live the dream.
Or maybe not? We'll look into why there are no borders.
other item one
other item two
Sigh, #tablefail. A good ol' fashioned horizontal line should help.
Or a healing dose of special characters!
Maximize your view.
This lets the text editor take up the whole window.
Lower row (l to r)
Work those headings!
subscript normal text superscript
Numbered lists rock.
1. The first thing
2. The second thing
These bullets will do no harm.
- First bullet
- Second bullet
- Third bullet
Decrease and increase indent—ooh la la!
This is similar to the tab function.
Quotations stand out.
What happens when you highlight normal text and click on the quotation marks.
Hyperlink the night away. (And attach stuff too!)
URL to hyperlink to other webpages: CTQ's website is worth visiting.
URL to hyperlink to an attached file:
- Highlight the phrase that will take the user to download the file.
- Click the hyperlink tool. When the window opens, it will be URL by default. Leave it that way.
- Click on browse server.
- Choose upload in small toolbar at top left.
- This will open a new box. Browse server, select the file, and click upload.
- The name of the file should appear at right, highlighted.
- Click insert file.
- This should take you back to the original window, where the final step is to select okay.
Link to anchor in the text: Want to link to another part of your page (usually an item lower down)? First an anchor (the final button, looks like a flag) at the destination spot. Then highlight the phrase you want to link, select link to anchor, and identify the appropriate anchor. Your reader can move right to that spot.
Email: Will open up an automated email in the user's email client with the subject line and body all filled out: firstname.lastname@example.org.
Have additional editing tips? Do share!