How to Make Color Text on a Blog
Blogging is a great way to spread the word about your business, share information with family and friends, or share your interests with like-minded individuals. Blog hosting sites like Blogger and Wordpress simplify the process of creating your blog by providing rich text editors, easy-to-use coding formats, and templates that will give your blog the look you want without too much trouble. You can also learn simple HTML codes for formatting your text the way you want it to appear.
Other People Are Reading
Instructions
-
Changing Text Color in Rich Text Editor
-
1
Launch your Web browser and navigate to your blog. Open the rich text editor tool on your blog page and type the text that you want to add to your blog.
-
2
Highlight the text you want to color. For example, if your text entry reads "My favorite color: Red" and you want the word "Red" to be displayed in that color, highlight just the word "Red."
-
-
3
Click the "Text Color" button on the editing tools menu, usually located at the top of the text editor box. The text color button will typically be represented by an icon resembling a letter and a paintbrush or a letter that is colored.
-
4
Click on the desired color for the highlighted text. The selected text is changed to the color you've selected.
Change Text Color Using HTML Code
-
5
Open the code editor in your blog host's "New Post" section or tab. Blog hosting sites such as Blogger give you the option to edit your own CSS/HTML code for each post.
-
6
Type some text for your new blog post. Locate the text that you want to color and place your cursor immediately in front of that text. Using the previous example of "My favorite color: Red," place your cursor before the word "Red." Type the opening HTML tag to change the text color as follows:
<font color="color name or code">
-
7
Replace "color name or code" in the above example with the actual color you want. For instance, you would type either "red" or "#CC0000" to color the selected text red.
-
8
Move your cursor to the end of the text you want to color. Again using our example, this would be at the end of the word "Red." Close the HTML tag by typing "</font>" (without quotes).
-
9
The completed code for our example should look like this:
My favorite color: <font color="#CC0000">Red</font>
-
10
Save your blog entry. When you view it, the text you selected will be displayed in the desired color.
-
1
Tips & Warnings
A convenient list of HTML color codes can be found on the Visibone website by using the link provided in the Resources section of this article. Many similar lists can be found on the Internet by doing a Google search for "HTML color codes" (enclose the search phrase in quotes as shown here to refine your search for the best results.)
References
Resources
- Photo Credit Nick Koudis/Photodisc/Getty Images
