Como cambiar el estilo de un quote o cita en Blogger

Hola Amigos de Trucasos Blogger hoy les traigo otro tutorial, muchas veces la plantilla que usamos para nuestro blog, o simplemente estilo predeterminado que traen no traen la configuración adecuada al 100%. Hoy nos vamos a centrar en el estilo de un quote o cita. ¿Que es un quote o cita?

Esto es un quote o cita

El color que trae por defecto, así como la letra bordes, etc. son facilmente modificables mediante código CSS. Como muestra el ejemplo:

blockquote {
margin:1em 20px;
background: #dfdfdf;
padding: 8px 8px 8px 8px;
font-style: arial;
border: 2px solid #1b1b1b
}

Este código lo podemos modificar. Para ello nos dirigimos a Plantilla -> Edición HTML

Y una vez allí buscamos ]]></b:skin> y lo insertamos encima, y muy importante, sin dejar lineas vacías entre  los códigos, de lo contrario no funciona!

Una vez hecho esto nos podemos dedicar a modificar un poco el código a nuestro gusto, ir probando porque no hay una configuración perfecta para todas las páginas.

Luego para colocarlo en nuestras entradas buscamos lo que queremos "citar" y le damos al botón que señala en la imagen:

Una vez hecho esto lo seleccionado se mostrara mas "centrado" así sabemos que esto ya esta citado.

y listo ya pueden utilizar el citado para poner códigos HTML u otros códigos que quieras resaltar, este tutorial fue un pedido en un comentario espero que le sea útil a todos. ¿Dudas? deja un comentario Saludos