Rainbow Fonts

01-As non color blind readers have noticed, some of the posts here are in a rainbow font. Some enjoy the vibrant touch of color. Others think that a rainbow font is difficult to read. They are entitled to this opinion. There are six colors in this rainbow font. They are Red (#c00000), Orange (#ff6600), Yellow (#ffb000), Green (#00a000), Blue (#0000a0), and Purple (#a000a0).
02-Black fonts are an obsolete holdover from printing with ink on dead trees. In this form of publishing, the press needs to make a pass for every color, and the text needs to be tightly registered. This is an extra expense, and is almost never done. With digital publishing, you can publish in any color you like. It is no more expense to publish in a rainbow font than in all black letters. We are currently in a transition from dead tree publishing to the digital version. The public has an attachment to some elements of old fashioned publishing.
03-This feature is a tutorial on how to blog in rainbow colors. This post is specifically written for a hosted blog at WordPress. If you use another platform, some of these techniques might not work. A Firefox browser is used. If technically inclined readers know an easier way to do some of these things, they are encouraged to leave an instructional comment. Some of these instructions might seem childishly basic to experienced users. Your patience is appreciated.
04-Write the text. This is sort of a no brainer. If you are going to post rainbow colored text, you have to find the words. Writing them yourself is an option, but it is not the only one. You can copy and paste from anywhere online. It is good manners to have to link to your source. This is done in a word document. PG likes to use wordpad, which is like ms word without many of the features. When you are ready, you will copy the text into the editing window. Be sure to save this document under a new name. You never know when lightning will strike.
05-Another fun thing to do is copy classics, and post them with rainbow colors. Many of these works are in the public domain. This means that those pesky copyrights have expired, and anyone is allowed to use the product. One source of public domain product is Project Gutenberg. No, that is not what PG stands for. The King James Bible is public domain, unless you are in England . If you google that phrase, you will find many places find the text.
06-Set the first few words of each paragraph in bold face. You are going to put your text in a sold block. The bold words will tell your reader where a new paragraph starts. The ides is to have a solid block of words, with every few lines in a different color. Many people thinks this looks neat. Those who think it is difficult to read can skip ahead to the pictures. This is your introduction to using HTML in this tutorial. Put your bold words between <b> </b>. The first part tells the machine to make those letters bold, and the second part tells it to stop. This is one basic rule of using HTML… what you start, you must stop. You do this by giving the same command, but with a slash in front of the code, inside the brackets. If you forget to add the second part, the entire post will be in bold letters, until you tell the machine to stop. When you post the text in the window, the software will change the code to  <strong> </strong>.
07-Pack the text into a sold block. At the start of every paragraph, place the cursor next to the first word. Hit backspace until it is next to the end of the preceding paragraph. You may have to hit the space bar, to make sure there is one space between the period, and the start of the next sentence.
08-Add more code. Before you copy your text into the editing window, you need to add more code. <p style=”text-align: justify;”> goes first. This tells the machine to justify the text on both sides. This means the text will be a solid wall of letters on both sides. Next, you add <span style=”font-size: medium;”><span style=”color: #00a000 ;”>. This does two things. It tells the machine to publish in a medium sized font, and it tells the machine to publish in green. At the end of the text, you will end these two bits of code by adding </span></span> </p>. The order of the codes is important. At the start of the text, you have the justify code first, then the size and color code. At the end of the text, you cancel the size and color code first, then you cancel the justify code.
09-Add the text to the WordPress editing window. Click to open up a new post, and add your title. The title will be in black letters. Highlight the text in your word document, copy, and paste into the editing window. It is important to use the HTML window to paste in the text. If you use the Visual window, then your text will be in little black letters, and the code will look like code, instead of telling the machine how you want your text to look.
10-Proofread your text. Correct any spelling mistakes. Read over your text, and see if there is anything you want to phrase differently. Once you install the rainbow colors, it will be a lot of trouble to incorporate any changes to the text. These changes should be made now. Whenever possible, break up long blocks of text by inserting blank spaces.
11-Save Draft. Go below the text window, to the bar that says Publish. There is a little triangle on the right side of this bar. If you do not see a button that says Save Draft, then click on the triangle. When you see the Save Draft
12-Open a second window. At the top of the draft, you will see the words Post draft updated. Preview post. Right click on Preview post and choose Open Link in New Window.
13-Place the second window next to the editing window. Full screen is a dirty word. Make the two windows as long as possible. Turn off anything entertainments that will affect your ability to concentrate. Click on the Visual tab, to see the so called WYSIWYG editor. Adjust the width of the editing window so that it is the EXACT same width as the preview window. Check it line by line to make sure you see the same word on the right side of the text in both windows. You will probably have to do some fine tuning as you go down the text. This is a tricky procedure, and if any techie knows an easier way to do it, please leave a comment.
14-Sometimes the text is not going to come out evenly in both windows. If you are copying from another source, you will just have to deal with it later. If it is something you have written, or a bunch of short quotes you have compiled, you can use cut and paste to move a sentence or two into another place in the text. These changes sometimes work better if you use the HTML window. After you do this, hit the Save Draft button. Then, go to the preview window and hit F5. This will refresh the window, and allow you to see the text with the changes incorporated.
15-Count the lines of text in the preview window. Do not include the last line, unless it is close to a complete line of text. What you want to do now is make a plan. The idea is to have the text come out evenly. Usually, you have to scramble a bit. Lets say you have 96 lines of text. This breaks down into four groups of 24 lines. This means you will have four lines of red, four lines of orange, four lines of yellow, four lines of green, four lines of blue, and four lines of purple. This is the rainbow we will use today. If you think there are seven, or more, colors to the rainbow, then you are on your own.
16-On the other hand, lets say you have 99 lines of text. What you do is add an extra line for three of the colors. You want to make these changes in the middle of the post, so it wil be less apparent to the reader. You will still have four sets of the rainbow colors. In your second group, you will add a fifth line to the red, yellow, and blue. This will give you 99 lines of text, and the beginning and end of the text will look normal. If the word fifth suggests that you get drunk, it is best to wait until you are through posting.
17-Lets go through this with another number. Say you have 54 lines to the post. This is 24 and 30. You can make your first set four lines each, and make your second set five lines each. It is not rocket science, just dividing things into groups of six.
18-It is now time to add the colors. You will use the Visual window for this. Highlight the first four lines of the text. (For purposes of this tutorial, we will use a 96 line post.) Make sure you have two lines of tabs showing. If only one line of tabs is showing, click the tab on the far right (Show kitchen sink), and the second line of tabs will appear. Click on the tab with a Capital A. This is the Select text color tab. Click on a tab at the bottom which says More colors. There will be field at the bottom of this window, Color: Enter the appropriate color code in this field. The code for red is #c00000. (That is always zero, and not the letter o.) Click on the Apply button.
19-Follow the same procedure for the other five colors. Here are the color codes you will use. Red is #c00000. Orange is #ff6600. Yellow is ##ffb000. Green is #00a000. Blue is #0000a0. Purple is #a000a0. The text is already green, so when is time for that environmentally friendly color, you will skip over four lines, and go to blue.
20-After you finish the first set of 24 lines, hit the Save Draft button. Then, go to the preview window and hit F5. This will refresh the window, and allow you to see the text with the changes incorporated. Check the colors carefully. If everything lines up the way it should, great. If there are mistakes, go back and change them. This can be frustrating, but is essential to getting the rainbow look right. Lets say the first two words in the green section are yellow. Go to the Visual window. Highlight the non conforming words. Click on the tab with a Capital A. This is the Select text color tab. Click on a tab at the bottom which says More colors. There will be field at the bottom of this window, Color: Enter the appropriate color code in this field. The code for green is #00a000. Click on the Apply button. You are further along than you think in this project.
21-Move onto the next set of 24 lines. Insert the colors in the same way you did for the first set. When you are through, hit the Save Draft button, and refresh the preview window. Check the text to make sure it is perfect. If their are mistakes, correct them.
22-When you are through with the fourth set, add the pictures. Use the HTML window. Place the cursor on top of the text, click, add half the pictures, place your cursor at the bottom of the text, click, and add the second half of your images. hit the Save Draft button, and refresh the preview window. Check your work one last time. When you are happy with the product, click on the Publish tab. Tell your friends on Facebook about the post, and celebrate in a manner that you deem appropriate.
23-This post was originally published in a rainbow font, under the title Posting In A Rainbow Font. It has been reformatted, for this page, to make it easier to use. You might also fin the How to Blog page may also be helpful.

2 Responses

Subscribe to comments with RSS.

  1. This post is available, in a monochrome format, as a page on this blog, Rainbow Fonts. […]

  2. Ten Questions For A Blogger « Chamblee54 said, on November 16, 2012 at 3:11 pm

    […] used. This is done using hand coded HTML. Follow the link for more information about blogging in colored fonts. The next step is to insert the links. You should always show where you get your information. This […]

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: