Este truco consiste poner un color -y/o imagen- de fondo diferente al que tenemos en la entrada. Para ello es necesario ir a diseño -> código HTML y entre <head> y </head> colocamos el texto siguiente:
blockquote {
margin:5px 10px;
padding:4px 7px 10px 7px;
font-size:12px;
color:#336699;
border:1px dashed #40a9c9;
background: #d8eaee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2xD-V4g-Dk1O0FiwWlEOeakLClpVEpg9mAVS5V4nXoLMA7NBj-NJIFp3yEzXHbfe02PTbrbNpuL0IPrzCH_xtqB9dAjNLIg6ChcFJtHOEFkoLlZPkDIKmw1-686ARSL6ADetY/s1600/quote.gif) no-repeat 10px 4px;
}
blockquote blockquote {
margin:5px 10px;
padding:4px 7px 10px 7px;
font-size:12px;
background:#bac9cc;
color:#336699;
border:1px dashed #40a9c9;
background: #d8eaee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2xD-V4g-Dk1O0FiwWlEOeakLClpVEpg9mAVS5V4nXoLMA7NBj-NJIFp3yEzXHbfe02PTbrbNpuL0IPrzCH_xtqB9dAjNLIg6ChcFJtHOEFkoLlZPkDIKmw1-686ARSL6ADetY/s1600/quote.gif) no-repeat 10px 4px;
}
Este es el texto que yo he colocado, luego cada uno puede editar márgenes, colores, imágenes... a su gusto. Para que aparezca publicado es necesario que redactemos el texto en "edición HTML" y pongamos al inicio del texto <blockquote> y al final </blockquote>
