| 3 comments ] Posted by: [ Veerendher GP ]

I am sure that many bloggers do not know how to use ‘blockquote’ in their post. It may be, because of their poor knowledge about html or unaware of it. Blockquote uses, when you required a text block either in different background color or inside a border in your posts to attract the attention of a reader.

Here is how to use blockquote.Just add as following in your post, where text block is required <blockquote> your text here </ blockquote> writes your text in the red area. Select ‘html’ mode instead of ‘compose’ mode while adding blockquote. You can also click on 'blockquote symbol' from the tool menu after selecting the words (block of text) . You only need to select 'html mode' if you have more blockquote like blockquote1 etc.
To make attractive blockquote, you may need some changes in your template. Here is some simple method. In blogger template style sheet (CSS) Find ‘blockquote’ that decides its structure. Select ‘edit template’ and locate ‘blockquote’ and replace it with any of the following code or change according to your taste. blockquote {background-color: #f1f1f1;
border-top: 1px solid #042B55;
border-bottom: 1px solid #042B55;
padding: 5px;
margin-left: 5%;
margin-right: 5%;
font-style: oblique;}
--------------------------
blockquote {
float: left;
width: 200px;
padding: 4px 0 4px 0;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
text-align: center;
font-style:italic; color: #FF007B; }

3 comments

dlcomplete said... @ January 29, 2009 at 4:04 AM

thanks really nice tutorial.
http://www.dlcomplete.com

LadyAli said... @ August 9, 2010 at 11:03 AM

oh thank you so much, I've been trying to figure out how to do this for a long time...

website design said... @ September 12, 2013 at 10:42 PM

Awesome information you shared in this post! I like to read your excellent stuff. Thanks a lot for sharing.
website design

Post a Comment