Customize your BlockQuote

Sometimes you may not have a perfect Block Quote Setup in your XML template. If that is so, whenever you want to post ay code then it will not appear exactly. In my openion i have found this problem right before this post. So now i am willing to tell the story behind this concept. To convert html code go to http://www.centricle.com/tools/html-entities/ and convert it then place the code within blockquote.

Please folow the steps
1. Click here to see the image and download it then upload it to any direct file upload website such as photobucket.com

2. Log in your blogger account then layout >> edit HTML

3. Search by Ctrl+F then write blockquote

blockquote {
.....................
}

4. Replace all the code within { } to

blockquote {
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
background: #D1D0C6 url(http://Your-image-directory/quote.gif);
background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
font-size: 0.9em;
}

5. After that you will paste this code right after the above one