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

}

6-> Change Red Link With Your Image Link

7-> Now Save Your Template

Yipeeeeeeeeeeeeeeeeee............................. Now Check Your Blog

Please Lave Your Question And Comment Below