Content feed Comments Feed

Highlighted Text with Colored Background

Posted by Wonderful-Tricks
ADVERTISEMENTS

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 blue 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:


" A wise man is one who always acts, but never reacts."



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

<div align="center">
<div style="background-color: #E1D4C0; border: 2px solid black; font-family: cursive; font-weight: bold; padding: 10px; text-align: center; text-transform: capitalize; width: 300px;">
<i>" A wise man is one who always <span style="color: blue; font-weight: bolder;">acts</span>, but never <span style="color: blue; font-weight: bolder;">reacts</span>." </i></div>
</div>

You can adjust the colored parts in the code to match your blog and requirements.

Your Ad Here

0 comments

Post a Comment

Blogumulus by Wonderful-Tricks

Followers