Añade una caja/bloque con texto en Blogger

¡Feliz domingo!

Este pequeño y corto tutorial se trata de añadir un bloque o cuadro con texto a nuestras entradas. Pueden utilizarse en donde y cuando ustedes quieran, además es personalizable. Aquí les muestro:

♣ Daydream Tutorials ♣

También pueden personalizarlos de una forma más sencilla y utilizarla como encabezado de algún subtítulo:

Destaca lo que quieras y personalizalo a tu gusto.

O también puedes utilizar esta caja para añadir algún código, aviso, destacar algo... ¡Tu lo personalizas!

Copia aquí

Para poder utilizarlo basta con solo copiar y pegar el siguiente código, ya luego podrán personalizarlo a sus gustos:

<center>
<div style="background-color: #FF4964; border: 2px dashed #000000; color: white; font-family: georgia; font-size: 40px; font-style: italic; padding: 10px; text-align: center; height:50px; width: 400px;">El texto irá aquí</div>
</center>

En naranja, cambiaremos el color del fondo de nuestra caja por el que ustedes deseen, pueden visitar esta página Generador de colores HTML.
En rojo, editaremos el grosor del borde de la caja. En dashed pueden hacer un cambio por el que ustedes quieran.

----------------------- [Dashed.]  

 _______________ [Solid.]

 .................................[Dotted.]

En verde opaco, cambiaremos el color del borde. Allí mismo en "White" utilizaremos el color que ustedes deseen ya sea black, purple, red, orange, blue. Por igual pueden borrarlo y añadir el siguiente código:

color: #000000;

Así mismo cambian el #000000 por el color que deseen añadir.
En azul escribirán su tipografía/font de preferencia.
En morado añadiremos el tamaño del texto.
En celeste editaremos el espacio entre la caja y el texto {pueden peronalizarlo si su texto es menor o mayor que la caja, esto le añadirá o quitará espacio entre ellos}
En negro cambiaremos el alto y en el amarillo el ancho de nuestra caja de texto.
En el violeta añadiremos nuestro texto de preferencia.

¿Cómo utilizarlo?

Cuando creas tu entrada/post en la casilla junto a las herramientas que Blogger te ofrece, te aparecerá ''Redactar/HTML''. 

Seleccionas HTML, copias el codigo de arriba ↑ y lo pegas en el espacio que desees. 

Si por casualidad lo quieres centrado, a la izquierda o derecha. Basta con utilizar las siguientes etiquetas;

<left></left>  |   <right></right>  |  <center></center>