11

STEP #2   Now find (CTRL+F) this code in the template: Search for . post blockquote and delete it along with all its occurrences. I...

STEP #2 
Now find (CTRL+F) this code in the template: Search for .post blockquote and delete it along with all its occurrences. In most templates the codes look like this,

.post-body blockquote { line-height:1.3em; }

OR

.post blockquote{ bla bla bla}

If you couldn’t find such code then it is OK.

STEP #3
Now search for ]]></b:skin> and just above ]]></b:skin> , paste the code for one of your favourite blockquotes. I am giving a sample code below

blockquote{ background-color: transparent; border-top: 3px double #DC143C; border-bottom: 3px double #DC143C; padding: 5px; font-style: oblique; font-size: 1em; margin-left: 5%; margin-right: 5%; }

Customization:-
Important areas to be customized are bolded. Where,  
   # padding: It refers to the distance of the text from blockquote borders. Which goes in this order –> Top Right Bottom Left
   # background :- This includes Blockquote background color and image used in it. The six digit value is the background color and image link is inserted in place of bolded text in this part-> url(Paste Image Link here)
   # font :- It includes font style, size and type respectively. Match the colours with the code above for reference.
   # color :- This refers to text colour. You can use a different font colour using our color chart
   # border :- This refers to border width, style and colour respectively.  # All other blockquotes can be customized in similar way.

STEP #4
After customizing finally save your template and preview it to see the interesting new change.



 Guide:- For above mentioned blockquotes you need to add some extra tags inside blogger editor as explained below, Now Whenever you have written a Quote inside the compose mode of Blogger Editor simply switch to the HTML mode and add two tags i.e <div> and </div> between the blockquote tags as demonstrated below,