Usar más opciones para: Alinear, Sangría, Lista, Citar y más | Curso Blogger #3.3

Aprende alinear tus imágenes, vídeos y párrafos, agregar la sangría a tu texto, añadir lista con viñeta y numerada, citar o texto citado y muchas herramientas más usando la nueva interfaz de Blogger. 

¡Hola! Bienvenido a Peengler. A continuación, te enseño a usar las herramientas que nos muestra Blogger en más opciones, es decir, los 3 puntitos “…” que se encuentra al final de las herramientas del editor de texto y también te quiero explicar sobre buscar y reemplazar que se encuentran en vista de HTML.

✦ NOTA: Puedes ver todo el contenido del Curso de Blogger → CLIC AQUÍ.

Sin más que decir ¡empecemos!

Clic en la imagen para ver el vídeo ↑ en YouTube

Agregar la alineación, sangría, lista, citar texto, salto de línea y más

 A continuación, estas son las herramientas que explique en el vídeo: ↑

Alineación: La función de esta herramienta es la misma que en cualquier editor de texto, es decir, alinear el texto, imagen o vídeo (izquierda, derecha, centrado o justificado).

Sangría: Es el espacio en blanco al comenzar un párrafo. Blogger te permite aumentar o disminuirla.

Lista: Pues añadir lista con viñetas y numerada, la diferencia de una con la otra, es que la de viñeta es desordenada, mientras que la numerada es ordenada por los números que se muestran. Si deseas personalizar tu lista con viñetas CLIC AQUI

Citar o texto citado: Blogger permite marcar tu texto citado para diferenciarlo del resto de los párrafos, y se suele usar para incorporar conceptos, palabras o frases. En el siguiente artículo te lo explico con más detalle y además de como personalizarlo → CLIC AQUÍ

Salto de línea: Al aplicar un salto de línea, marcará el punto de la entrada que será visible y la parte que quedará oculta, con esto lo que se quiere es que, al ingresar en tu blog, en vez de tus entradas mostrar todo el contenido solo se visualice un párrafo y muestre un botón de leer más. Que al dar clic en esté la persona podrá ver todo el contenido. Aunque también tiene otra función y es muy importante que lo sepas, en el siguiente artículo te lo explico con más detalle → CLIC AQUÍ

Disposición: Hasta ahora no entiendo para que sirve esta herramienta, solo se que cambia la posición del cursor.

Introducción de texto: Si por alguna razón tu teclado no sirve, con esta herramienta puedes introducir tu texto ya sea con el teclado de pantalla o dibujándolo.

Borrar formato: Seleccionando el texto y pulsando este botón, eliminas el formato que previamente le habías colocado (color, fuente, alineación) etc. dejando un texto limpio.

Buscar: Como lo leíste, puedes buscar en tu contenido alguna palabra o frase, también pues activar la casilla de búsqueda con Ctrl+F

Reemplazar: Blogger te permite reemplazar uno o todo el texto que se repita en tu contenido.

Propiedad text-align en el blog

En Blogger el text-align alinea los contenidos de un elemento, por ejemplo:  texto, imagen y vídeo.  Existen 4 tipos de alineación:

Centrar: text-align: center;

Alinear a la izquierda: text-align: left;

Alinear a la derecha: text-align: right;

Colocar a ambos márgenes: text-align: justify;

Ejemplo de un texto alineado a la izquierda:

<p style=»text-align: left;«>Texto alineado a la izquierda</p>

Propiedad Margin

Esta propiedad establece el margen para los cuatro lados (arriba, derecha, abajo e izquierdo). margin-top, margin-right, margin-bottom y margin-left.

Blogger usa de esta propiedad para añadir sangría.

Ejemplo: margin: 0 0 0 40px;

Y así quedaría:

<blockquote style=»border: none; margin: 0 0 0 40px; padding: 0px;»>mi texto con sangría</blockquote>

Lista con viñetas

También conocido como lista desordenada, usa la etiqueta <ul> y cada uno de sus elementos usan <li>

En la siguiente entrada te enseño a personalizar tu lista → CLIC AQUÍ

Ejemplo:

<ul style=»text-align: left;»>

 <li>Lista-1</li>

 <li>Lista#2</li>

<li>Lista3</li>

</ul>

Lista numerada en Blogger

Conocida como lista ordenada, usa la etiqueta <ol> y cada uno de sus elementos usan <li>

Ejemplo:

<ol style=»text-align: left;»>

 <li>Ejemplo1</li>

 <li>Ejemplo#2</li>

<li>Ejemplo-3</li>

</ol>

Elemento Blockquote

Permite insertar citas en forma de bloques en tu contenido.→ CLIC AQUÍ para personalizarlo.

Ejemplo:

<blockquote>Texto citado</blockquote>

Salto de línea en Blogger

En html se visualiza con la siguiente etiqueta:

<!--more-->

La importancia de aplicar salto de linea → CLIC AQUÍ

En conclusión

Al activar más opciones vas a poder alinear tus elementos, agregar sangría, lista con viñeta o enumerada y citar, bueno todas las herramientas que se muestran. Se que lo más tedioso por ahora es alinear las imágenes, en el video te explico como lo hago, si tienes alguna otra recomendación.

Déjamelo en los comentarios.