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 de 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!
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.