Modelo de Blockquote Hover

Morango Mordido <3

Hello!
Hoje eu trouxe um modelo de blockquote hover igual a esse novo do blog, para quem não sabe o novo blockquote do blog é:

esse aqui :3

Quer saber como faz?
Sabe né?

Bom, eu achei o código nesse blog aqui
E personalizei ele, espero muito que gostem!

blockquote {
-moz-border-radius: 6px; /* Borda arredondada */
-webkit-border-radius: 6px; /* Borda arredondada */
border: 4px solid #FF69B4; /* Cor e tamanho da borda colorida */
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.3s linear; /* Velocidade da transição */
-webkit-transition: all 0.3s linear; /* Velocidade da transição */
-moz-transition: all 0.3s linear; /* Velocidade da transição */
transition: all 0.3s linear; /* Velocidade da transição */
padding: 5px; /* tamanho do blockquote */
background: #FFDEAD; /* Background */color: #00FFFF; /* Cor da fonte */font-family:century gothic;font-size: 14px; /* tamanho da fonte */
text-align: justify; /* alinhamento do texto */
}
blockquote:hover {
 -webkit-transform: scale(1.01); /* efeito "scale" */
-moz-transform: scale(1.01); /* efeito "scale" */
border: 6px solid #FF1493; /* Cor e tamanho da borda colorida hover */
padding: 7px; /* tamanho do blockquote hover */
background: #FFC0CB; /* Background em hover */
}

Para usá-lo vá em Modelo>Editar HTML>Ctrl+F e copie e cole essa tag:

]]></b:skin>

Antes da tag cole o código do Blockquote e pronto!
Espero que tenham gostado! Besos *_*