Skip to main content

Join the Community

or Close

Search

The edit bar, demystified!

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!

Quick links

Inserting images

Creating slideshows

Adding attachments

Selecting headers

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.

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

 go to image properties. Enter as alternative text.).See how the top of his head got sliced off? One good reason to pick photos of the same size.  Stopped to appreciate your tongue lately?

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.

items
other items

item one
other item one

item two
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!

Normal

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

bold normal

italics

underline

strike-out

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: contactus@teachingquality.org.

Have additional editing tips? Do share!

 

1 Comment

Justin Minkel commented on September 27, 2013 at 2:33pm:

Bless you, Braden Welborn!

I love your abundance of instructions, and the clarity of them...wish I had a fairy Godmother like you for every aspect of my life, not just blogging instructions.  Would have been useful for other topics like, say, Bringing a New Baby Home from the Hospital, or Becoming Addicted to Running without Rolling Your Ankle a Week Before a 10K....

; )

Thanks for this.

Subscribe to Blogs by Braden Welborn

Stay Informed

Sign up to receive the latest news and events through email!

Sign Up