December 8, 2007

Using Blockquote to make attractive text block in blogger posts

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; }

No comments:

Post a Comment