When adding reviews, blogs, events and exhibitions you can customize your text using the control panel located above the Text Box, choosing different fonts, styles, colors and adding images and links. Follow this tutorial to find out how to achieve a great look!
This tutorial covers:
- The control panel
- Cutting, copying and pasting
- Changing the style of your text
- Changing the alignment of your text
- Changing the font and size of your text
- Choosing colors
- Adding links
- Inserting images
- Inserting Videos
- Other features including lines, indents, foreign characters
- Remove formatting and the "undo" button
- HTML editing
- Finishing up and changing your article after it's saved
>What is the Control Panel?
The control panel is located at the top of the Text Box; it looks like this:
Using the buttons on the control panel, you can change the style of your text from "plain-jane" to super fabulous.
>Cut, Copy, and Paste
If you are adding a lengthy review or blog post it is recommended that you write it out in a separate word processor and not in the ArtSlant text box. This will ensure that, if anything happens, your review won't accidentally get lost--we all know how frustrating that can be!
You can however type directly into the text box if you so wish. Simply click on the body of the text box and start typing.
If you are pasting your text into the text box you can either paste it directly into the text box using CTRL-V, or use the paste buttons on the control panel.
Note: It is recommended to use the paste buttons rather than pasting directly in the box if you are pasting text which you've copied from a web page--this removes all the formatting which makes it easier for you to customize it yourself. You can either use the "Paste as Plain Text" button or "Paste from Word"--click on it and it will bring up this box.
You can use the "Cut" and "Copy" buttons to rearrange your text. They're located next to the Paste buttons.
Once all your text is pasted or typed into the box, then you can change the styles, size
and fonts, and add images and links.
>Changing the Style of your Text
To make change
s to your text, first highlight the section to which you'd like to make changes:
Then use the buttons on the control panel to change the style.
Give your text some oomph by making it Bold, Italicized or Underlined. Click on the "B" icon to make your highlighted text bold, the "I" to italicize it, or the "U" to underline it. These icons are found at the top left corner of your control panel.
You can even use all three on the same highlighted section, if you'd like!
The "Strikethrough" button can be used to cross out text, if you don't wish to erase it fully. This can be handy if some information in your blog or review was pointed out to you as being incorrect.
Use the alignment buttons to orient your text to the left, in the middle, to the right or to stretch it to both right and left margins. Here we centered our title using the "Align Center" button:
And here we have used the "Align Full" button to make the body of our text reach both margins. We think this looks great for reviews:
>Font Family and Font Size
Now let's change the font from the default to something we think looks a bit nicer. Just highlight and click on the drop down menu next to "Font family" to choose which font you'd like.
Here we've chosen the Times New Roman font for our article; now we'd like to change the font size. Simply click on the drop down menu next to "Font size" to choose:
Now that we've chosen a nice font and size for our text, we might want to change the color. Highlight the text again and now click on the "A" button next to Font size to select the text color.
Then the Select a color box will pop up, which has three options to choose from, found on the tabs. You can choose from the Color Picker--just click on any part of the spectrum. Note that you can choose any shade or tint of that color from the bar on the right hand side.
You can also choose from the Palette Colors, or Named Colors:
Note: After you've chosen a color, when you click on the "Select text color" button again it will remember that color, until you change to another one. If you are planning on using multiple colors it's helpful to keep in mind the RGB code of the color you like so you can easily find it again--or to use the Named colors. The RGB code is a six digit code that you find at the bottom of the "Select a color" box.
Here we've chosen a nice blue color for our text:
You can also change the background color from the default white by using the "Select Background Color" button on your control panel.
Here we've used a background color for our title:
Links are a great addition to any review or blog post--it provides the reader a chance to find out more about the artist or gallery you're writing about. To add a hyperlink you'll need the full URL of the website you'd like your link to lead to. The URL is found at the top of your browser and is preceded by "http://"
To add a hyperlink to your article, highlight the text that you'd like to link to the other web address. Here we've highlighted the artist's name:
Next you'll click on the "Insert/edit link" icon located underneath the Font size:
Which brings up the Insert/edit link box:
Type in or paste the URL for the link you'd like to create, being sure to include the http://
Then click on Insert. Now our artist's name is linked to his website, allowing quick access for your reader to peruse his other works. Note that we didn't have to include the full web address in the text itself--the link takes care of that:
To undo a link, highlight the link and click on the "Unlink" button.
First make sure your cursor is where you'd like your image to appear--in our case at the end of our first paragraph. Then click on the icon of a tree on the control panel of the text editor to upload and configure images:
A dialog box comes up: click browse to upload an image from your computer's hardrive:
Then click on submit. You'll get this box while your image uploads. (Note that you can only upload images up to 5MB in size. If you try to upload an image larger than that, this box won't disappear---and your image won't load. Try resizing your image before uploading again.)
Voilà! Now our image is in place, we can align it--just like we did our text.
Let's say we want to center our image, so it floats in the middle of the text, not on left. Click on the image to select it, then click on the "Align Center" button--like we did for our title at the top of the page.
You can also align it to the left or the right--if you insert your image at the beginning of your paragraph the text will wrap around the side of the image if it's not too wide. Here's what it looks like if we'd placed our image at the beginning of our paragraph and used the "Align left" button.
>Adjusting the Size of Your Image
Let's say we want to make our image a little smaller. Simply click on the image to select it, then click on a corner of the image and drag it in to the size you want.
Looks nice! If you want to change the configuration of your image, you can click on it to select it, then click on the tree again--the box will give you the picture's dimensions (this is helpful to know if you want all your images the same size) which you can adjust.
You can also change the alignment of your image by choosing from the options on the drop down menu, if you wish. Especially when centering images, however, we find it's easier to use the Align buttons on the control panel instead.
To insert a video into your profile, you must insert the embed code directly into the HTML of the Rich Text Editor on your profile's Bio/Blog page. To embed a video, go to your ArtSlant Profile:
- Click on edit profile in your MANAGE MY PROFILE box.
- Click on the Bio/Blog tab
- In a new window, find the video that you want to embed. Copy the embed code of the video you would like to embed. For instance, if the video is hosted on YouTube, click on share below the video, then embed, and copy the code beginning with the < iframe > markup.
- Back on your Bio/Blog page, find the Rich Text Box. First, decide where you would like to embed your video and insert an unusual word or symbol as a placeholder in the text where you would like to add your video (i.e.: $, \\, etc.). Click on the HTML button in the Rich Text Editor, this will open a dialogue box in which you can edit the HTML of your Bio/Blog page. Command F (⌘F) or Ctrl F will open up the find box of your browser where you can then type in the placeholder word/symbol you used. This is just an easy way of finding your place within the HTML field. In place of your placeholder, between < p > and < /p >, paste the embed code from your video and press Update.
>Other Features: Lines, Indents, Foreign Characters, etc.
You can insert a line by using the "Insert horizontal ruler" button on your control panel:
You can indent a paragraph by clicking on the "Indent" button in the middle of your control panel:
Another option is to use "Blockquote"--very handy for those long quotes like this one.
Use the "Insert custom character" button to add symbols--helpful for adding accents.
It will bring up this box. Simply click on the character to insert it.
>Remove formatting, undo
If you decide that you don't like your font, your colors, or anything--you can always return to the default settings by clicking on "Remove formatting."
Yikes! Now we're back to plain-jane. Remember that if you make a mistake, you can click on the "Undo" button to undo your last command:
If your text won't line up right, or your text isn't the right size where it should be, or your images are in the wrong place and you can't figure out what went wrong---try the HTML button:
This brings up the HTML Source Editor for your article--showing all the codes, which are always located between < and > symbols. This is what the HTML code for our article looks like:
In these codes we can find all the commands we made, from changing the font size to adding images and links. If you know a bit about HTML this is an invaluable source for locating any problems with your formatting.
>Finishing up and re-editing
Once you've finished writing and formatting your article--press save at the bottom of the screen.
Your article is now posted and looking great! If you find any mistakes that you missed in your article, click on >edit article in the CHANGE THIS ARTICLE box on the right side of your screen.
We hope this tutorial helped you navigate our Text Editor--have fun and happy writing!