【Tutorial blogger】Blockquote #1

¡Hola a todos y bienvenidos a una nueva entrada! Hoy os traigo un tutorial, en el os enseñare a aplicar al blog un blockquote súper bonito. Espero que os guste un montón, y ¡empecemos!

Lo primero que tenemos que hacer es lo siguiente:

Plantilla > Editar html > y buscamos el siguiente código: 

]]></b:skin>

Y pegamos antes de este código lo siguiente:

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*/

}

Después para ponerlo en una entrada tendréis que dar al botón de "cita" y escribir. 

Y esto es todo, espero que os haya servido está entrada y nos vemos en la siguiente, adiós!

Créditos: Lunany-Kawaii