Tutorial:Blockquote 2 ♥

Hola hoy les traigo otro Blockquote  que tengo ahorita ,espero que les guste aqui les dejo una imagen de como queda :

Si lo deseean sigan los siguientes pasos : 

Para Plantilla Basica o Blogger: Ir a Plnatilla/Editar HTML / Presionas CTRL+F y colocas en la cajita que te aparecio ]]></b:skin> al encontrar colocas el siguiente codigo antes de ]]></b:skin>

Para Plantilla Clasica o Blogskin:Pegar el siguiente codigo antes de </style>
(para copiar el codigo ,selecciona todo el codigo y Presionas Ctrl+C y ya lo tienes copiado y lo pegas donde te indique )

blockquote {
margin-top: 9px;
background-color: #A9E2C7;/*Color de fondo*/
padding: 8px;
font-size: 11px;/*Tamaño de la Letra*/
color: #FC7C7C;/*Color de la letra*/
text-shadow: 1px 1px 0px #B5F7D7;/*Color de la sombra de la Letra*/
text-align: center;
outline-style: dashed;/*Tipo de la linea de adentro*/
outline-width: 1px;
outline-color: #fff;/*Color de la linea de adentro*/
outline-offset: -3px;
-webkit-transition-duration: .50s;
}
blockquote:hover {
background-color: #dccfb9;/*Color de fondo al pasar el cursor*/
}

dashed:Puedes cambiarlo a "solid" o "dotted" para mas CLIC AQUI para que veas los tipos de bordes
Y listo
Como Usar en una entrada :
Primero escribes tu texto ,lo seleccionas y presionas el siguiente icono(Cita) :

Luego te vas a vista previa y lo veras :3 

Otro modo de ponerlo en una entrada o en un gadget vas a Html y pones :

<blockquote>Aqui tu texto </blockquote>

Listo eso es todo :3 ,bueno tengo que continuar con los otros tipos de circle :3 y la parte 4 jiji