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, aplicar 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 Crea tu Blog en BloggerCLIC AQUÍ.

Sin más que decir ¡empecemos!

mas opciones alinear tus elementos, aplicar sangría, lista con viñeta o enumerada y citar

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

Aplicar la alineación, sangría, lista, citar texto, salto de línea y más herramientas | Blogger

 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 Blogger el text-align alinea los contenidos de un elemento, por ejemplo:  texto, imagen y vídeo.  Existen 4 tipos de alineación:

Alinear al centro: text-align: center;

Alinear a la izquierda: text-align: left;

Alinear a la derecha: text-align: right;

Alinea 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>Lista 3</li>

</ul>

Lista numerada

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

Ejemplo:

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

 <li>Ejemplo 1</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 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, aplicar 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.

¿Te gusto el post?
¡Compártelo!

Gabriela Laya

Me gusta el Diseño Web, Crear plantillas para Wordpress y Blogger y todo lo relacionado a estas 2 plataformas de Blogs.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Citu:

Buena explicación . Te mando un beso

Responder
Maria Eugenia ARIAS LOZANO:

Muchas de las cosas que nos dice las pongo en práctica, es un master en blogger ajaja. buen día

Responder
Asunción Artal:

Super útil!! Gracias

Responder
El desvan de vicensi:

Como siempre Gabriela muy buena lección y muy bien explicado. Un beso y feliz fin de semana 💖💖💖

Responder
yo leo Novela:

Interesante la información.
Un beso.

Responder
Rocío:

A mí por lo menos me viene muy bien. Encima hemos pasado a la versión nueva, así que nos ayudas a aclararnos.
Un abrazo y feliz domingo, Gabriela.

Responder
Celia | Miles de Libros:

¡Hola, hola!

Con la nueva versión de blogger yo tengo problemas con la sangría, me la agrega a todo el párrafo en vez de a la primera línea. Me frustra bastante, ¡¡ojalá no hagan obligatoria la nueva versión!!

Mil besos,
Celia | 1000 LIBROS blog.

Responder
    Gabriela Laya:

    Ya es obligatoria 😐 sobre la sangría no me había dado cuenta de eso

    Responder
Kat:

Holaaa! Ay me encanta que nos descubras y expliques estas opciones! Como siempre digo, seguro que tus post ayudan mucho a los principiantes que comienzan con su blog, y a los despistados u olvidadizos como yo también 😉 Tendré que investigar un poquito más. Un abrazo linda!

Responder
    Gabriela Laya:

    Hola Kat, esa es mi intención ayudar a todo el mundo que tenga un Blog 💪

    Responder
Joanna:

Gracias por tus estupendos consejos, guapa.

Besos

Responder