Añadiendole estilo a los Blockquote en blogger ~ Tube trucos

Los Blockquote los usamos mucho para destacar porciones de un artículo tanto como frases cortas como extensos párrafos o codigos, los blockquote poseen un estilo distinto que atrae al lector hacia algo importante. En blogger podemos añadir blockquote con solo un simple clic.solo tenemos que seleccionar lo que van a mostrar primero y luego click en las comillas ,las vas a encontrar en el editor de blogger en la parte superior
Cuando creas una entrada utilizando el editor en blogger encontrarás un botón como el de la siguiente imagen:

Blogger incluye en la plantilla unas líneas de CSS para darles un poco de estilo que determinan el estilo del blockquote y por tanto el aspecto que éste tendrá.
En esta entrada quiero explicarles la forma de personalizar este elemento tan útil por lo que seguir los siguientes pasos te ayudará a conseguir blockquote que se adapten a las necesidades de sus entradas.

Lo primero es ir a su plantilla :

Edición de HTML >>> expandimos artilugios

Y buscamos : ]]></b:skin>
una ves encontrado colocamos los estilos para los blockquote justo antes.

Si le quieren poner una imagen de fondo usen el siguiente codigo:

blockquote {
background:url("URL IMAGEN DE FONDO") repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
font:14px/22px normal helvetica,sans-serif;
margin-bottom:15px;
margin-left:60px;
margin-top:15px;
overflow:auto;
padding:10px 5px 10px 15px;
width:480px;
}

Si solo le quieren poner un color de fondo usen el siguiente codigo:

blockquote {
background:#FFFFFF;
border:1px solid #CCCCCC;
font:14px/22px normal helvetica,sans-serif;
margin-bottom:15px;
margin-left:60px;
margin-top:15px;
overflow:auto;
padding:10px 5px 10px 15px;
width:480px;
}

Como pueden ver los codigos que les brindo los coloque dentro de blockquote,con eso pueden ver un ejemplo de que se trata .
Pueden cambiar los colores a sus gustos #FFFFFF; y #CCCCCC; por los que ustedes quieran
Si deseas modificar el ancho del blockquote aumenta o disminuye el valor 480 de la línea width:480px;.