Blockquote ( edición y estilos )

COMO EDITAR NUESTRO BLOCKQUOTE:

Plantilla / Edición HTML / Buscamos {Ctrl + F} lo siguiente:

]]></b:skin>

ARRIBA pegamos lo siguiente & edita lo marcado:

blockquote {
color: #COLOR DE LETRA;
background: #ffffff url("URL DE TU IMAGEN");
border: BORDE color/tamaño/estilo;
}
blockquote:hover { /* ESTILO AL PASAR EL CURSOR */
color: #COLOR DE LETRA;
background: #ffffff url("URL DE TU IMAGEN");
border: BORDE color/tamaño/estilo;
}

Para Editar Los Bordes {VER TUTORIAL}

Estilos de blockquote

Blockquote NRO1:

blockquote {
border: 1px dotted #fbc;
border-radius: 7px;
padding: 7px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvczEqjbucVOZYkl9hooISL8H4rnBYTOtqZLgQ71MG9aXv3VfTk-rzmHHQpDOKVhbmoYzpxKcpW4a1aI3IkD1NZ7EeXqgjVfZ0kK3CGcPbTb2NvI_Ux96X8s-IVeaR7NEbvKdn5JlpsNs/s1600/577814mxl3lzplgr.gif) repeat; background-size: 10px 10px;
color: #999;
-webkit-transition: all .4s ease-in-out!important;
-moz-transition: all .4s ease-in-out!important;
-o-transition: all .4s ease-in-out!important;
font: 13px arial!important;
text-transform: lowercase;
text-shadow: 0px 1px 0px #f4feff, 0px -1px 0px #f4feff, 1px 0px 0px #f4feff, -1px 0px 0px #f4feff;
}

blockquote:hover {
border: 1px dashed #fbc;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvczEqjbucVOZYkl9hooISL8H4rnBYTOtqZLgQ71MG9aXv3VfTk-rzmHHQpDOKVhbmoYzpxKcpW4a1aI3IkD1NZ7EeXqgjVfZ0kK3CGcPbTb2NvI_Ux96X8s-IVeaR7NEbvKdn5JlpsNs/s1600/577814mxl3lzplgr.gif) repeat right top;
padding-right: 25px; background-size: 70px 70px;
-webkit-transition: all .4s ease-in-out!important;
-moz-transition: all .4s ease-in-out!important;
-o-transition: all .4s ease-in-out!important;
}

Blockquote NRO2:

blockquote{
border-radius: 10px;
border-left: 20px solid #FA81B2;
padding: 5px;
-webkit-box-shadow: 0 0px 20px #ea488a;
-moz-box-shadow: 0 0 30px #000;
-moz-transition: all .4s ;
-webkit-transition: all .4s ;
}

blockquote:hover {
border-left: 20px solid #FA81B2;
-webkit-box-shadow: 3px 3px 0px #FA81B2, 1px -1px 0px #FA81B2;
-moz-box-shadow: 0 0 5px #fbc;
-moz-transition: all .4s ;
-webkit-transition: all .4s ;
}

Blockquote NRO3

blockquote{
padding: 5px;
color: #A0CED2;
border: 3px dashed #A0CED2;
border-radius: 10px;
-webkit-transition: all .4s ease-in-out!important;
-moz-transition: all .4s ease-in-out!important;
-o-transition: all .4s ease-in-out!important;
}
blockquote:hover {
color: #A0CED2;
text-shadow: 1px 1px 0px #fff;
background: #cbe9ec;
border: 3px solid #cbe9ec;
-webkit-transition: all .4s ease-in-out!important;
-moz-transition: all .4s ease-in-out!important;
-o-transition: all .4s ease-in-out!important;
}

MAS ESTILOS DE BLOCKQUOTE¿?

• 3 estilos blockquote "nota"
• Estilo blockquote MMC