Texto en negrita, cursiva, subrayado y tachado | Curso Blogger #3.1

Aprende a colocar Formato de Texto en negrita, cursiva, subrayado, tachado y con color en el contenido de tus artículos con la nueva interfaz de Blogger. 

¡Hola! Bienvenido a Peengler. A continuación, iremos aplicando formatos al texto para enriquecer el contenido. Para esto, debes seleccionar el texto e ir seleccionando uno o varios de estos formatos.

NOTA: Puedes ver todo el contenido del Curso de BloggerCLIC AQUÍ.

Sin más que decir ¡empecemos!

Formato de Texto en negrita cursiva subrayado y tachado en Blogger

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

Formato de texto: negrita, cursiva, subrayado, tachado y con color

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

Negrita: Suele resaltar un texto dentro de un párrafo por ser más gruesa, el icono que lo representa es la B.

Cursiva: Resalta el texto de forma distinta, se aplica cuando añades un texto de otra persona “cita” aunque en realidad lo puedes aplicar donde tú quieras, el icono que lo representa es la i.

Subrayado: Suele ir mejor en títulos o en un enlace de tu blog, el icono que lo representa es la U.

Tachado: Muestra una línea en el centro del texto y normalmente se aplica para negar o cuando escribas una palabrota “grosería”, el icono que lo representa es la T.

Color en el texto: Con esta herramienta puedes cambiar el color de tu texto que tengas seleccionado. Antes había limites ya que sólo se podía usar la gama de colores que por defecto mostraba Blogger, ahora con la nueva interfaz puedes usar cualquier tonalidad. En el vídeo lo explico. ↑

Color del texto de fondo: Puedes añadir un color de fondo en tu texto, También había limites de colores que por defecto mostraba Blogger. Ahora puedes seleccionar cualquier color de fondo.

Formato de Texto en HTML y CSS

Texto en negrita: Blogger aplica la negrita con la etiqueta B, es decir:

<b>Texto negrita con B</b>

Aunque en HTML tienes otra alternativa, por ejemplo el strong:
<strong>Texto negrita con Strong</strong>

También puedes aplicar texto en negrita con CSS/Estilo con la propiedad font-weight que marca el grosor de la letra, ejemplo:
font-weight: bold;
font-weight: normal;
font-weight: bolder;
font-weight: lighter;
font-weight: 100, 200, 300, 400, 500, 600, 700, 800 o 900;

y quedaría algo así:

<span style=”font-weight: bold;“>Texto en cursiva con font-weight: bold</span>


Texto en cursiva: Puedes aplicarlo de 3 maneras:

En HTML:

<i>Texto cursiva con i</i>
<em>
Texto cursiva con em</em>


En CSS/Estilo:

usarías el: font-style: italic;

Y quedaría asi:

<span style=”font-style: italic;“>Texto en cursiva con font-style: italic</span>


Subrayado: Lo puedes aplicar con la etiqueta U, ejemplo:
<u>Texto subrayado</u>


Tachado: Se puede aplicar de 3 maneras con HTML:

<strike>Texto Tachado con strike<strike>

<s>Texto Tachado con S<s>

<del>Texto Tachado con del<del>

Aplicar color con CSS/Estilo

Para añadir color en el texto o en el fondo, vas a necesitar el nombre del color “en ingles” o con el modo RGB.

Con el nombre me refiero a: red, blue, yellow, etc.

Modo RGB: #ff0000, #002aff, #ffee00, etc.


Texto con color: En CSS/Estilo usa el atributo color para el texto, ejemplo:

<span style=”color: red;“>Texto con color por nombre</span>

<span style=”color: #ff0000;“>Texto con color por RGB</span>


Texto con color de fondo: En CSS/Estilo usa el atributo background-color, ejemplo:

<span style=”background-color: blue;“> Texto con color de fondo por nombre</span>

<span style=”background-color: #002aff;“> Texto con color de fondo por RGB</span>

En conclusión

Aplicar formato de texto en negrita, cursiva, subrayado, tachado y con color es buenísimo para que tu contenido se vea interesante. Te recomiendo que no apliques demasiado, es decir, la idea es llamar la atención en ciertos momentos de tu texto, si aplicas en todas partes todos los formatos en tu contenido vas a saturar la vista de tus lectores.

¿Tienes alguna duda con lo que anteriormente explique? Déjamelo en los comentarios.

¿Te gusto el post?
¡Compártelo!
Gabriela Laya

Gabriela Laya

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