How To Customize Blockquote In Blogger

How To Customize Blockquote In Blogger :

Friends Today I am Gonna Show You How To Customize BlockQuote On Blogger.Its Looks Beautiful and Awesome.So Follow My Steps..........................

1-> Open Your Blogger Account

2-> Click On Template

3-> Click On Edit HTML

4-> Now Find The Below Code

]]><b:skin>

5-> After Find The Code Now Paste The Below Code Before ]]><b:skin>

blockquote {

background: #484B52 url(http://i1303.photobucket.com/albums/ag152/samarthlord/Untitled_zpsb766819d.png) ;

background-position:left;

background-repeat:repeat-y;

margin: 0 20px;

padding: 20px 20px 20px 50px;

color:#C7CACF;

font: normal 12px Serif, Times, Helvetica;

font-style: italic;

border: 2px dotted lightgrey;

box-shadow: -1px -1px 12px 2px gainsboro;

transition: background-color .777s;

-webkit-transition: background-color .777s;

-moz-transition: background-color .777s;

-o-transition: background-color .777s;

-ms-transition: background-color .777s;

}

.post blockquote p {

margin: 0;

padding-top: 10px;

}

blockquote:hover { background-color: darkgreen ;

color: #FFFFFF;

font-size:14px;}

.post blockquote:active

{

background-color: CornflowerBlue ;

color: #000;

}