Estilo de blockquote o texto citado 01

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: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIOGVb19rsprRk2AucHSDz-s9gPh8XJ4Cqui5XIgyaQnv8ZIYd1SWlTiD02kceIrHc4uNDAdLYUanJMKxn2URaqKcvvLuVl5jZmSBFcXf1obYqhIfliV9PeLZOmL0el7cfZXuDH5ls42mm/h120/quote.png)
no-repeat;
margin: 20px;
color: #666;
border-bottom: 1px solid #e8e8e8;
background-color: #f9f9f9;
padding: 20px 0px 9px 30px;
color: #000;
margin-left: 10px;
margin-top: -9px;
width: 520px;
-webkit-border-radius: 6px; border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
font-style: italic;
line-height: 30px;
padding-right: 20px;
}