Formatting the Text in a Blog Post
The one thing that I have found well-communicated in Blogger's help system is some basic HTML text formatting instructions. This includes information about font size, block quotes, etc. Click here for the entry. From here you can link to more about CSS (Cascading Style Sheets) to learn about text colors, borders, font preferences, etc.
Now, for practical instruction, here is how you can add some formatted text to a blog post. Specifically, text in a particular color, size, and font style (technically, overriding the CSS of the blog).
See example below:
YOUR TEXT GOES HERE
Formatting Text in a Blog Post
1. Type the following text into your Blog post
Use this code as a template to make your own preferences. I'll go through each part of this code separately below.
2. First, you can select the color of your post. There are some standard colors (ie, blue, yellow, etc) that you can use or you could select from any number of the supported colors on the Web. There is a great reference for this at the ColorMatch website. You can literally go to this site, move the slides for Red, Green, and Blue to create your own color and the resulting number (beginning with a # sign) will show up on the page. It will also show you five other colors that coordinate with the one you chose. If I had chosen a custom green shade for my text (#BFE971), the text reference would have appeared as follows:
YOUR TEXT GOES HERE
3. Next, you can select a font size. In the example above, we used +2, but you can select another number. Website fonts are in seven sizes (numbered 1 through 7) with the base being size 3. If you specify +2, you basically get size 5. Experiment to find your preference or see references on the web. If I had chosen a smaller font size for my example, it would have appeared as follows:
YOUR TEXT GOES HERE
4. Finally, you can select your font face. This is typically specifed by the name of the TrueType font on the computer. I'd stick with common ones, as I will not go into assigning alternates. The sample we use above specifies the font "arial black." If I had chosen "comic sans ms" instead, the text would have appeared as follows:
YOUR TEXT GOES HERE
5. Of course, the "YOUR TEXT GOES HERE" is where you enter your actual copy that you'd like formatted in this way.
Now, for practical instruction, here is how you can add some formatted text to a blog post. Specifically, text in a particular color, size, and font style (technically, overriding the CSS of the blog).
See example below:
YOUR TEXT GOES HERE
Formatting Text in a Blog Post
1. Type the following text into your Blog post
Use this code as a template to make your own preferences. I'll go through each part of this code separately below.
2. First, you can select the color of your post. There are some standard colors (ie, blue, yellow, etc) that you can use or you could select from any number of the supported colors on the Web. There is a great reference for this at the ColorMatch website. You can literally go to this site, move the slides for Red, Green, and Blue to create your own color and the resulting number (beginning with a # sign) will show up on the page. It will also show you five other colors that coordinate with the one you chose. If I had chosen a custom green shade for my text (#BFE971), the text reference would have appeared as follows:
YOUR TEXT GOES HERE
3. Next, you can select a font size. In the example above, we used +2, but you can select another number. Website fonts are in seven sizes (numbered 1 through 7) with the base being size 3. If you specify +2, you basically get size 5. Experiment to find your preference or see references on the web. If I had chosen a smaller font size for my example, it would have appeared as follows:
YOUR TEXT GOES HERE
4. Finally, you can select your font face. This is typically specifed by the name of the TrueType font on the computer. I'd stick with common ones, as I will not go into assigning alternates. The sample we use above specifies the font "arial black." If I had chosen "comic sans ms" instead, the text would have appeared as follows:
YOUR TEXT GOES HERE
5. Of course, the "YOUR TEXT GOES HERE" is where you enter your actual copy that you'd like formatted in this way.
posted by Jennifer B. Davis at 2:42 PM
0 Comments:
Post a Comment
<< Home