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:
To display a similar box in your blog, use this code:
You may also like to read this post:
How to show different background color or image for separate posts or paragraphs.
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.
come true is to wake up.
To display a similar box in your blog, use this code:
<div align="center">You can adjust the colored parts in the code to match your blog and requirements.
<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>
You may also like to read this post:
How to show different background color or image for separate posts or paragraphs.
Share this
Related Posts
Add A TweetQuote To Your Blogger BlogIn HTML/CSS, when you quote a piece of text from other websites/web pages, then it is usually done through customized q
Add An MP3 Music Player To Your BlogSpot Blog*UPDATE 06 October'16: Streampad music player is no longer working. So, read this new tutorial to add a better and more
The BEST Title For Your About Us/Me PageWouldn't it be awesome if someone searches for your name on the Internet, and your profile or image appears right at th
Traffic Exchange Widgets - Wahoha vs MGID vs 2Leep vs ZapArena...Updated on 21st September, 2016: Although some sites mentioned here, like Zaparena, BlogExplosion and EntreCard no long
13 comments
Write commentsThanks for sharing ;P
Replynice simple tips.
This is the GREATEST way to make a reader pay attention to something important...or maybe a few links
Reply-Mike
Small nice tip
ReplyThank you verrrrry much for this tip ...
ReplySorry dear, I really didn't know about that mistake.
ReplyCheck url :http://exclusivearena.blogspot.com/2009/05/blogger-widget-multi-drop-down-menu.html
Great tool to show some important information to the readers at first glance
Replybecky.
its working good...... thanks so much.....
Replythis my blog [ http://super-url.blogspot.com ] i used this...
thanks again....
Worked great. Thanks so much.
Replythanks for your help.
Replymy quastion is..i want highlight my post title what should i do?
my post title in blogger is ( red line ) and i wanted to color it with red color but as you know the post title it comes in sapreate box so my quastion how would be change color for the title only ?
Ah, thank you! This is by far the simpilist explination I have found so far. :-*
ReplyThis has been very helpful. For someone who don't know css styling or html (like me) I was able to make changes to my post's layout because of the tutorials I find here.
ReplyKeep up the great work. You guys are helping tons of blogger out there. Thanks!
Mobile SEO Toronto
ReplyVaughan SEO
ReplyComments are moderated on this blog
Allowed HTML tags: <b>, <i> and <a>
Comment Like This! and Optimize your blog EmoticonEmoticon