blockquote em hover

olá pessoal! Desculpa desaparecer, mas com o One direction no Brasil, eu como directioner, tenho muito para fazer! Eu tô muito feliz que gostaram do layout novo e eu estou querendo fazer uma surpresa para vocês porque o blog já tem 56 postagens, eu ia fazer uma surpresa quando tivesse 50, mas teve um problema e nem deu para fazer! ainda não sei oque fazer, estou decidindo entre uma pack de resources ou um layout free Bem elaborado!

O blockquote que eu trouxe hoje tem um efeito bem legal! no meu eu coloquei imagens galaxy, mas você escolhem o background, mas se não quiserem colocar uma imagem, substituam "url(URL_DA_BLOCKQUOTE);" por "#cordobackground;". aqui está um Preview dele;

Previw

 Para colocar esse block no seu blog, vá no seu editor HTML e procure por ]]> e acima cole;

.post blockquote {
background:url(URL_DA_BLOCKQUOTE); /*Url da blockquote*/
padding: 5px;
margin:10px 20px 10px 20px;
-webkit-transition-duration: 3.00s; /*** DURAÇÃO DA TRANSIÇÃO***/
}
.post blockquote:hover {
background:url(URL_DA_BLOCKQUOTE_HOVER); /*Url da blockquote hover*/
padding: 5px;
margin:10px 20px 10px 20px;
-webkit-transition-duration: 3.00s; /*** DURAÇÃO DA TRANSIÇÃO ***/
}

Modofique o necessário! Não modifique a duração da transição!

Tiau lena!