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:
blockquote {
background: #A9F5D0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmqcQALD8EzbPZCOpW_ynNBB3mjmLnH0KC8C9hfpH_SHn2ZhGcIgHpdY11ul82rz5jD-D98-ofucUBD-UAWt87M5aORnEI3U8zz42pEGSxQPA8KZkISuJLHP7NW9Xn9PpD3kSOxSJSfxE/s200/blockquote.png) top left no-repeat;
margin: 10px 15px 3px 3px;
padding: 5px 15px 10px 32px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
font-style: italic;
}
El resultado será este:
Si lo prefieres puedes darle un aspecto más moderno para que se vea como este:
Para que se vea así, usa este código:
blockquote {
margin: 10px 15px 3px 3px;
padding: 5px 15px 10px 15px;
border-left: 5px solid #FF8000;
font-style: italic;
}
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 y listo.
No hay comentarios:
Publicar un comentario