Bloging Tricks: Highlight Text In Posts Through Colored HTML Text Boxes

Highlight Text In Posts Through Colored HTML Text Boxes

Posted by Unknown | Thursday, November 4, 2010 | Filed under Blogger Help , Blogger Widgets , feature , SEO , Webmaster Tools . Follow any responses to the RSS 2.0. Leave a response

0 Comments

By highlighting specific regions of your post/article, you make it easier for your readers to understand the post in a better way. Although in Blogger, you can tweak the quote boxes (like the gray boxes, I use in my blog to show HTML codes), but as it is done directly in the template of the blog, so it will be applied to the whole of your blog, and therefore the boxes will have same appearance every time you use them anywhere in the blog.
So here's another easy method through which you can control and change all the settings like background color, text color size, font style etc. every time you use these boxes:
An example:

The Best Way To Make Your Dreams,
Come True Is To Wake Up.

To display a similar box in your blog, use this code:

<div align="center">
<div style="background-color: #cccd94; border: 1px solid black; font-family: sans-serif; font-weight: bold; padding: 10px; text-align: center; text-transform: capitalize; width: 300px;">
<i>The Best way to make your dreams,
come true is to <span style="color: blue; font-weight: bolder;">wake up.</span></i></div>
</div>