Cómo crear una nueva entrada en Blogger | Curso Blogger #3

Aprende a crear una nueva entrada en tu blog con la nueva interfaz de la plataforma Blogger.  Además, iré detallando cada función para que seas un experto usando el editor de texto.

¡Hola! Bienvenido a Peengler. Anteriormente explique sobre: ¿Cómo crear un blog en Blogger desde cero? | Curso Blogger #1. A la final creamos 2 blogs uno de prueba y el blog principal.

NOTA: Puedes ver todo el contenido del Curso Crea tu Blog en BloggerCLIC AQUÍ.

Ahora sí, sin más que decir ¡empecemos!

Crear una nueva entrada en Blogger

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



¿Cómo crear una nueva entrada en Blogger?

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

Título de la entrada: No es obligatorio añadir un título, pero es muy recomendable colocar un título porque facilitas al lector de que trata el artículo. Si es posible intenta de no pasar de los 70 caracteres. 

Botones:

  • Vista previa: Puedes pre-visualizar cómo se ve la entrada en el blog.
  • Guardar/volver a borrador: Si la entrada aún le falta por terminar o aun no quieres publicarla, guardarla como borrador es lo mejor que puedes hacer.
  • Publicar: Después de terminar tu entrada debes darle clic en el botón de publicar para que se pueda visualizar en tu blog.
  • Actualizar: Cuando actualizas mantienes tu artículo publicado y además, guarda los cambios que le has hecho.

Vista de Redacción/HTML: Ambos sirven para visualizar el contenido en el editor de texto, la diferencia:

  • Redactar: Puedes ir visualizando tu contenido de manera amigable, con sus imágenes, videos, los colores y todo lo que le apliques.
  • HTML: Visualizas el código de los componentes que tiene tu contenido, es decir, mientras que en redactar ves la imagen, en el HTML solo veras el código de la imagen.

Deshacer y rehacer: La flecha izquierda deshaces lo último que has hecho y con la flecha derecha rehaces lo último que has deshecho.

Tipo de fuente: se muestran los diferentes tipos de letra (Arial, Courier, Georgia, Helvética, Times, Trebuchet y Verdana). También, puedes aplicar la fuente predeterminada que usa tu plantilla o añadir una nueva fuente a tu lista.

Tamaño de fuente: Con esta función puedes decidir entre 5 tamaños diferentes en tu texto o letra.

Formato:  tienes la posibilidad de seleccionar cuatro estilos predeterminados de texto: Titulo principal, titulo, subtítulo, sub-encabezado, párrafo y normal.



Códigos explicados en la vista de HTML

En esta primera parte, mencione los siguientes códigos:

  En HTML significa espacio en blanco.

<p>contenido</p> El elemento p (párrafo) crea una caja para el texto en párrafos.

<div>contenido</div> Esta etiqueta permite agrupar varios elementos de bloque y aplicarles estilos.

<br /> Produce un salto de línea en el texto.

<span>contenido</span> Es un contenedor en línea. Sirve para aplicar estilo al texto o agrupar elementos en línea.

Style – estilo: Es el elemento encargado de indicar la información de estilo. Ya sea, aplicar una fuente, color, tamaño, alinear, etc.

font-family define una lista de fuentes o familias de fuentes que puedes aplicar a un párrafo o cualquier texto.

font-size especifica el tamaño de la letra que puede ser en: Pixeles: ejemplo 15px, Porcentaje: ejemplo 25%, o con las siguientes medidas: xx-small, x-small, small, médium, large, x-large, xx-large.

Blogger aplica el font-size de esta manera:


<p><span style="font-size: xx-small;">Más pequeño</span></p>

<p><span style="font-size: x-small;">Pequeño</span></p>

<p>Normal</p>

<p><span style="font-size: medium;">Mediano</span></p>

<p><span style="font-size: large;">Grande</span></p>

<p><span style="font-size: x-large;">Más grande</span></p>


Encabezados: Puedes aplicar h1, h2, h3 y h4. Si quieres saber cómo aplicar correctamente los encabezados en tu contenido, visita mi artículo: Los encabezados H1, H2 y H3: Qué son y cómo usarlos para el SEO

En Blogger, los encabezados en HTML se visualizan de la siguiente manera:


<h1 style="text-align: left;">Título principal</h1>

<h2 style="text-align: left;">Título</h2>

<h3 style="text-align: left;">Subtítulo</h3>

<h4 style="text-align: left;">Subencabezado</h4>

En conclusión

Es fácil crear una nueva entrada en Blogger lo que a veces te puede complicar es usar correctamente las herramientas del editor de texto. Ahora, para que seas un experto con todas las herramientas que te ofrece Blogger, es practicando.

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

¿Te gusto el post?
¡Compártelo!

☑ Puede que también te interese:

mas opciones alinear tus elementos, aplicar sangría, lista con viñeta o enumerada y citar
Agregar enlaces imágenes vídeos en Blogger
Formato de Texto en negrita cursiva subrayado y tachado en Blogger

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:

Gracias por la clase, muy bien presentada y muy útil . Te mando un beso

Responder
Maria Eugenia ARIAS LOZANO:

Interesante artículo!! Buen día

Responder
Rocío:

Siempre es un placer aprender contigo, Gabriela.
Un abrazo y gracias.

Responder
Asunción Artal:

Muy buena entrada, gracias por compartirlo.

Responder
Elrincondemonica05:

Hola muchas gracias por tus posts, aprendo mucho contigo, siempre hay alguna cosa nueva que no conocía. Feliz tarde. Besitosss

Responder
Sakuya Aikawa:

Hola!!!
Como siempre es una gran entrada, y no lo digo por decir porque me imagino las personas que recién están en blogger y no saben nada de nada, es realmente estresante comenzar de 0, ojala hubieran tutoriales como el tuyo para aprender a usar myanimelist porque tengo cuenta hace años y aún no comprendo como se usa XDDD
Gracias por compartir 😀

Responder
    Gabriela Laya:

    Hola Sakuya Aikawa, Esa es mi intención ayudar a los nuevos y a los viejos con la nueva interfaz jajaja

    Responder
EMBRUJO:

Hola Peengler niña estoy hecha un lio, no se ni como puedo publicar los comentarios con la nueva interfaz de bloger, asi que vuelvo a tener otra vez el mismo de antes, a ver si tengo tiempo y veo si has explicado como publicar los comentarios en la nueva interfaz, me ayudas mi niña? gracias cielo feliz mañana besitosss

Responder
    Gabriela Laya:

    Hola mi querida embrujo, aun no e llegado a ese punto. Pero de que lo explique si lo haré.

    Responder
Miguel Pina:

Hola, Gabriela.
Encantado de volver a leerte. Por precisar algo nuevo diría que la nueva versión de Blogger ha fracasado de momento. En principio, iba ser ya obligatoria para todos los usuarios a partir del 1 de septiembre pero han retrasado la implantación unos meses. Aunque el formato era visualmente atractivo, la nueva versión da demasiados errores. Es lenta y para los que teníamos ya más de 100 etiquetas el trabajo era un imposible. A ver si la acaban de arreglar. De momento sigo con la versión clásica.
Un gran saludo.

Responder
    Gabriela Laya:

    Hola Miguel Pina, Bienvenido de nuevo amigo. Es cierto aun le falta por pulir, pero por lo menos se acordaron de Blogger jajaja

    Responder
Yomi MR:

Holaa, muchas gracias por estos datos, a algunas cosas ya les agrarré el modo, creo que ya me ubico con las herramientas, si acaso con el tamaño de la fuente porque me lo cambia a cada rato ._.
¡Besos! :3

Responder
    Gabriela Laya:

    Hola Yomi MR, No entendi lo del tamaño de la fuente, pero bueno tenga paciencia XD

    Responder
El desvan de vicensi:

Muy bueno tu tutorial. Un beso y feliz finde ❤️❤️❤

Responder
Kat:

Hola linda! Gracias por la explicación ^^ La verdad es que la nueva interfaz se ve más moderna y pro Jaja pero no termina de gustarme, será porque todavía no estoy acostumbrada, por el momento uso la antigua ahora que estoy preparando nuevo material aunque blogger se empeña en cambiármela a la nueva a cada rato Jajaja
Espero que estés genial, nos leemos! Besos 🙂

Responder
    Gabriela Laya:

    Hola querida Kat, que gusto de verte de nuevo. Si es cierto se ve más moderna, aunque viendo los cambios me esta empezando a gustar la nueva versión. Ojala y sigan mejorandola 🙂

    Responder
Espe:

Muy instructivo, me encantan estas entradas ^^
Besos y buen fin de semana.

Responder
Celia | Miles de Libros:

¡Hola, hola!

¿He guardado esta entrada en favoritos porque me será super útil la mini clase de HTML? He guardado esta entrada en favoritos porque me será super útil la mini clase de HTML. ¡Muchísimas gracias!

Mil besos,
Celia | 1000 LIBROS blog

Responder
    Gabriela Laya:

    Hola Celia que genial, bueno las demas clases también explico más sobre HTML 😛

    Responder