Estilo de blockquote o texto citado 03

El blockquote o texto citado se usa para resaltar partes de texto sea frase o código que sean de importancia

La forma de usarlo es encerrando el texto que quieres citar entre <blockquote> y </blockquote> o usando el icono que se encuentra en el editor de entradas

Para personalizarlo nos vamos a Plantilla, Editar HTML  y buscamos:

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

Para añadir el blockquote, solo tienes que eliminarlo y sustituir el código que daré.


Para añadir el blockquote sin entrar en el HTML


Ir a Diseñador de plantillas ► Avanzado ► Añadir CSS ► pega el código CSS  luego►Aplicar al blog.

/*blockquote

---------------*/

blockquote {

background-color: white;

font-family: Lato, Helvetica, Arial;

font-size: 17px;

line-height: 20px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXqw7YRdM0B1kCXENbX_HbrbdFuSeHaH47lAC0AeCcgV9OGf8232kjkvc5lbHSenVHLYpvN-aVVdqswyNnpUya4ku74Y-wIE8Nr5EA931WWddE1DO198NypEucvQWnA9lJ6Tzxo1JAqxn3/h30/quotel+ined.png) 0px 0px repeat-y scroll rgb(255, 255, 255);

border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

border-top-left-radius: 5px;

border-top-right-radius: 5px;

border: 1px solid rgb(220, 220, 220);

box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 30px inset, rgba(0, 0, 0, 0.2) 1px 1px 3px;

color: #333333;

padding: 15px 0px 15px 42px;

white-space: pre-wrap;

width: 400px;

word-spacing: 5px;

word-wrap: break-word;

}