How to Highlight Paragraphs in Blogger
Google's Blogger software turns ordinary blog posts into professional-looking Web pages. The site's Composition window -- used to compose posts -- allows bloggers to format text using a familiar text editor interface. An "Edit HTML" button also appears in that window. If you would like to apply advanced formatting to items such as paragraphs, click that button. You can then add attention-grabbing highlights to any paragraph in your blog using a simple HTML span tag.
Other People Are Reading
Instructions
-
-
1
Navigate to the Google Blogger website at Blogger.com and enter your login information. Click "Sign in" to view your main Blogger page.
-
2
Click "Dashboard." A list of your current blog posts appears. Click the "New Post" button next to one of the blogs in the list. The Composition window opens and displays the input box used to compose blog posts.
-
-
3
Click the "Edit HTML" button and type the following text into the input box:
<span style="background-color: yellow;">
</span>
This HTML code creates an opening span tag and a closing span tag. The color attribute's value -- "yellow" in this instance -- changes the background color of any text placed between the opening and closing tags to yellow.
-
4
Add text between the two tags so that the span tags and text appear as shown below:
<span style="background-color: yellow;">
This is line #1 in the paragraph.
This is line #2 in the paragraph.
</span>
-
5
Click "Publish Post," and then click "View Post." Your post will appear containing the highlighted paragraph.
-
1
Tips & Warnings
Simply surround any paragraph with span tags as shown in this example, and set the value of the "background-color" attribute to your desired highlight color. Google's Blogger Help discusses other HTML tags you can use to further customize the text in your blog.
References
Resources
- Photo Credit Ciaran Griffin/Lifesize/Getty Images
