Blockquote com Hover

Olá meninas!! Tudo Bom?
Nesse post eu vou encinar um blockquote bem legal, qqur saber como fazer? Clique em Leia mais:

|Preview|

Bom, para começar vá em Modelo>Editar HTML, procure por ]]></b:skin>, acima cole esse código:

blockquote {

background-color: #d489fa;

padding: 10px;

font-size: 13px;

color: #ffffff;

text-align: center;

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

box-shadow: inset 0 0 15px #SOMBRA, 0 0 5px #SOMBRA;

-webkit-transition-duration: .50s;

}

blockquote:hover {

background-color: #facada;

padding: 10px;

font-size: 13px;

color: #ffffff;

text-align: center;

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

box-shadow: inset 0 0 15px #SOMBRAHOVER, 0 0 5px#SOMBRAHOVER;

-webkit-transition-duration: .50s;

}

Edite como preferir e Salve!
Prontinho!