Como personalizar los bloques entrecomillados de blogger

Nota: para buscar algún código en especifico mas facil y rapido presiona "Ctrl +F" 

Tabulaciones realmente una manera muy agradable para diferenciar algunos de los contenidos del resto. Y también es una buena forma de impresionar a los usuarios mediante el uso de un estilo fresco para el presupuesto

En este post me he dado a los diferentes estilos de blockquotes procedentes de distintas fuentes sólo comprobar los estilos.

La forma de usarlo es encerrando el texto entre <blockquote> y </blockquote> o usando el ícono de entrecomillado que se encuentra en el editor de entradas 
Para personalizar estos bloques entrecomillados entra en Diseño > Edición de HTML y busca esto:

blockquote {
..............
..............
..............
}

Y sustitúyelo por esto: 

Nota;

Es posible que en algunas plantillas no empiece el código como

blockquote {

sino como

.post blockquote {

y tal vez en otras no esté ninguno de los dos, si es así sólo agrégalo los siguientes códigos:

Estilo 1

Código

blockquote {margin: 1em 3em; color: # 999; border-left: 2px solid # 999; padding-left: 1em;}

Estilo 2

Código

blockquote {margin: 1em 3em; padding: .5 em 1em; border-left: 5px sólida # fce27c; background-color: # f6ebc1;} blockquote p {margin: 0;}

Estilo 3

codigo

blockquote {margin: 1em 2em; border-left: 1px dashed # 999; padding-left: 1em;} blockquote p: first-letter {float: left; margin: 0.2 0.3 em em em 0,1 0; font-family: "Monotype Corsiva "," Apple Chancery ", la fantasía; font-size: 220%; font-weight: bold;} blockquote p: first-line {font-variant: small-caps;}

A diferencia de otras citas este estilo tiene una opción de la primera letra en negrita.

Estilo 4

Código

blockquote {
background-color: # 666;
color: # FFF;
font-weight: bold;
padding: 10px;
-Moz-border-radius: 5px;
-Webkit-border-radius: 5px;}

Estilo 6

Código

blockquote {
background-color: # 666;
color: # FFF;
padding: 15px;
margin: 1em 40px;
-Moz-border-radius-topLeft: 15px;
-Webkit-border-top-left-radius: 15px;
-Moz-border-radius-topright: 15px;
-Webkit-border-top-derecha-radio: 8px;
-Moz-border-radius-bottomleft: 15px;
-Webkit-border-bottom-left-radius: 15px;}

Los blockquotes anteriores se proporcionan por CSSNewbie