Personalizar los bloques entrecomillados

 Blockquote (bloque entrecomillado)
Hoy vamos a ver cómo agregar un blockquote o bloque entrecomillado, que sirve para resaltar alguna cita textual o un párrafo en particular.

Mostrar / Ocultar ▼▲

1.§ Ingresamos a Diseño/ Edición de HTML y con ayuda de CTRL+F buscamos:

blockquote {
margin:.5em 0;
}

El contenido (margin:.5em 0;) no tiene que ser necesariamente igual, lo importante es que exista el blockquote.

» Si no lo encontramos, entonces puede que en nuestro blog esté con este nombre:

.post blockquote {
margin:.5em 0;
}

Cualquiera de los dos es igualmente válido.

2.§ Si es que tenemos el código, podemos personalizarlo un poco, sustituyéndolo por:

blockquote {<br /> background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_QnnQMQAaH0eh4XOasLHTICuuDVynnyLXWRKz-jYCghP0Haola4jqccxWpmV1qQ7T9VAYIk23dCzlT8ATLtLHkBvMgBmG0slJstkU9bbr97wKzs_KO3WZFBxPkGi8IOKwCBq1IutwH24/s400/blocknaran.png)repeat-y ;<br /> margin: 0 20px;<br /> padding: 20px 20px 10px 45px;<br /> font: italic 1.2em Georgia, "Times New Roman", Times, serif;<br /> font-size: 0.9em;<br /> }

Si es que en nuestro blog no existe el blockquote { o .post blockquote { entonces podemos añadir el código debajo de:

/* Posts<br /> ----------------------------------------------- */

3.§ Damos click a Guardar.

4.§ Cada vez que queramos usarlo, podemos agregar <blockquote>Texto-Texto-Texto</blockquote>

o sino usar el botón que está en el editor de entradas:

En futuros post veremos más formas de personalizar nuestro Blockquote.

Ciudad Blogger: Personalizar los bloques entrecomillados: Los bloques entrecomillados se usan para hacer una cita textual, es decir, repetir un fragmento dicho con anterioridad. La forma de usarlo e...