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 Crea tu Blog en 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

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 *

JLO:

No recordaba que se pudiese poner un color de fondo para la entrada. No es muy visto igual eso creo, pero interesante.

Una consulta que te hago: Me gustaría saber como hago para incluir videos o imágenes en los comentarios de blogger. Vi que algunos lo hacen y me dió curiosidad porque quedan muy bien y enriquecen el comentario. Gracias Gabriela!

Responder
    Gabriela Laya:

    Hola JLO, interesante tu pregunta, tambien lo he visto en otros sitios, lo investigare y luego te cuento 🙂

    Responder
Citu:

Buena explicación, te mando un beso y te deseo una buena semana

Responder
Rocío:

Una lección muy interesante, como todas.
Un abrazo, Gabriela.

Responder
Maria Eugenia ARIAS LOZANO:

Siempre que paso por aquí aprendo algo. Buen día!

Responder
Asunción Artal:

Una entrada estupenda, tan útil como todas las tuyas. Un beso

Responder
Miguel Pina:

Hola, Gabriela.
La negrita y la cursiva la suelo utilizar con facilidad. El subrayado y el tachado creo que pueden ser elementos atractivos y que no se usan demasiado. Me parecen herramientas interesantes y está muy bien que las des a conocer.
Un gran saludo.

Responder
yo leo Novela:

Muchas gracias por los consejillos.

Responder
El desvan de vicensi:

Me encantan tus lecciones Gabriela. Un beso

Responder
Yomi MR:

Holaa, hay bastante trucos con estas cositas para resaltar los textos y queda bastante genial, aunque sí, prefiero los básicos, y bueno, gracias por los otros códigos porque esos sí no los sabía 😛
¡Besos! :3

Responder
Sakuya Aikawa:

Hola Peengler!
muchas gracias por compartir esta entrada, sé que a los novatos les servirá bastante
ya hubiera querido yo que cuando comencé en blogger hace 10 años atrás
hubiera una web que me explicara todo con detalle 😀

Responder
Celia | Miles de Libros:

¡Hola, hola!

Decidme que no soy la única que usa los comandos de Word cuando está escribiendo en blogger. Me sale usar Ctrl+n, Ctrl+k y Ctrl+s. Es por no sentirme tan idiota 😂😂

Mil besos,
Celia | 1000 LIBROS blog.

Responder
    Gabriela Laya:

    Hola Celia, tranquila no eres la única XD aunque seria genial hacer una compilación de estos atajos 🙂 ya anote los tuyos XD

    Responder
Pasando Página Blog:

¡Hola! ♥
Muchas gracias por pasarte a comentar mi blog y por estas entradas que siempre nos facilitan los códigos que otros no comparten por malos xD ¡Abrazos!

Responder
Espe:

Gracias por toda la información, se ve bastante sencillo así que probaré ^^
Besos

Responder
Kat:

Hola linda! La verdad es que a la hora de crear contenido en Blogger las diferentes opciones para el texto son bastante intuitivas, pero está genial que expliques los códigos en CSS y en HTML, siendo sincera yo ya he olvidado muchos de estos códigos y está bien refrescar la memoria! ^^ Un abrazo!!

Responder
    Gabriela Laya:

    Hola Kat, Es cierto creo que estas herramientas son las que la gran mayoría sabe como usarlas, aun así no quería hacer la excepción 🙂

    Responder
Elrincondemonica05:

Hola guapa, muchas gracias por el post, siempre me son de gran ayuda. Feliz día. Besitosss

Responder
yennifer rodriguez:

¡Hola!
Creo que usaré más el tachado de ahora en adelante xD
Gracias guapa ♥

Responder
    Gabriela Laya:

    jajaja bueno yo lo veo como para esos usos XD

    Responder
Mava (Marianna 2.0):

Hola Gaby, muy entusiasmada con tu curso.
Acá voy aprendiendo poco a poco cosas que antes no tenía ni idea.
Agradezco mucho las explicaciones que cubren la parte HTML 😉
Gracias por tanto.
Besos.

Responder
    Gabriela Laya:

    Hola Mava, me alegro que te guste el curso y que aprendas más del HTML

    Responder