Blockquote em Hover

Heey ~~

Bom eu trouxe um tutorial bem bonitinho, o seu blockquote ele fica em hover, ele é uma cor ai quando 

passa o mouse ele fica de outra cor !

Vamos ver ?

Design > Editar HTML > CTRL+F e procure por:

]]></b:skin>

Acima dessa tag cole:

/*Blockquote em Hover By: Birthday Cake

----------------------------------------------- */

blockquote {

border-left: 15px solid #SUACOR;

background-color: #SUACOR;

padding: 10px;

font-size: 11px;

color: #5c5c5c;

text-align: center;

box-shadow: inset 0 0 12px #ecebeb, 0 0 5px #bebebe;

-webkit-transition-duration: .50s;

}

blockquote:hover {

border-left: 18px solid #SUACOR;

background-color: #SUACOR;

padding: 10px;

font-size: 11px;

color: #5c5c5c;

text-align: center;

box-shadow: inset 0 0 12px #ecebeb, 0 0 5px #bebebe;

-webkit-transition-duration: .50s;

}

Entendendo o código !

border-left: 15px solid #SUACOR; - > COR DA BORDINHA DO CANTO

background-color: #SUACOR; -> COR DO FUNDO DO BLOCKQUOTE

Faça as mesmas opções na parte do hover, só mude as cores !