Blockquote {2}

Hola! criaturitas kawaiis aquí les traigo un nuevo blockquote  uno muy muy kawaii ! lo encontré nuevamente en una plantilla de Blogskins , ojala que le guste mucho. Ah! ademas no estaré subiendo tan seguido, por que no encuentro muchas que compartir que me gusten  o que les pueda gustar... pero bueno comenzamos!

PREVIA

Como colocaro

Te vas a Plantilla>>Editar HTML>>Ctrl+F y buscas ]]></b:skin> (pero va estar sin negrita) y arriba de eso pegas el siguiente codigo:

blockquote {
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://i58.tinypic.com/20ha6hv.gif);
border:  2px dotted #f6ecdd;
padding: 10px;
margin:1em 20px;
box-shadow:inset 0 0px 0px #f6ecdd;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
blockquote:hover {
background:url(http://i.imgur.com/WTp3A.gif);
margin:1em 20px;
color:#fff;
color:#666;

EDITAR!

Rojo: es el gif o imagen que esta en la esquinita, tiene que tener un tamaño pequeño.
Naranja: Es el fondo, cuando pasas el cursor.

Muchas gracias :3 los quierooo bye