Hola qué tal mi gente de la comunidad, estimados seguidores, amigos y compañeros de steemit. Un saludo cordial para todos ustedes y espero que les esté yendo a gusto. En la visión de ayudar a las personas que se suman a esta maravillosa plataforma y proporcionar apoyo para los usuarios, he decidido enfocarme en llevar hasta ustedes una serie de publicaciones con contenido educativo. En la presente, continuaremos con la guía didáctica sobre Markdown, buscando que aprendas cómo darle un poco de estética a tus publicaciones. En esta parte número 2 les enseñaré lo referente a la alineación e inserción de imágenes para nuestros post, espero les sirva de ayuda.
Sin más que agregar, ¡Vayamos al grano!

---

---

Subir imágenes

Antes de aprender cómo alinear una imagen, lo primero que debemos saber es cómo subirla a nuestro post. Existen maneras muy sencillas.

• La primera es selecionándolas desde nuestro ordenador.¹

---

• La segunda es arrastrando y soltando desde otra ventana de tu ordenador.²

---

• Otra de las maneras es copiando y pegando la imagen desde el sitio dónde la encontraste.³

---

Alineaciones de imágnes

Ahora que ya sabes cómo insertar una imagen en tu post, vamos a proceder con las alineaciones. Para que puedas ubicar tus imágenes en el centro de tu post, a la izquierda o a la derecha. Debes seguir los códigos que te indico a continuación:

Centrar imagen:

Para centrar imágenes usamos el sencillo código del , lo hacemos de la siguiente manera:

• Siguiendo el ejemplo de forma correcta, obtendremos el siguiente resultado:
  
  Una imagen bien centrada

---

Imagen a la derecha/Izquierda:

• Para ubicar tu imagen a la derecha, el código es el siguiente:
  

---

• Para ubicar tu imagen a la izquierda, el código es el siguiente:
  

---

Muy bien, ya sabemos como posicionar nuestras imágenes en el lugar que deseemos, pero no se nos debe olvidar un detalle muy importante; la fuente de las imágenes. Como pueden observar, debajo de cada una de las imágenes de ejemplo hay un link insertado para que puedan ampliar la imágen y observar su fuente. Pueden ver que el link consta de un número y un icono. Para esto, sencillamente debajo del link de la imagen ponemos la fuente, siguiendo el código para insertar links que te deje en la parte #1 de esta guía.

• Según las imágenes alineadas en esta guía, puedo dejarte el siguiente ejemplo:
  
  Puedes observar, cómo dejamos la fuente de la imagen justo debajo del link de la imagen. Hacemos uso del código para que la fuente se vea centrada.

---

¿Cómo poner un icono como enlace a la fuente de mi imagen?

La pregunta que te acabas de hacer, tiene una respuesta muy sencilla. Primero debes buscar el icono que deseas:

• Para ver iconos gratuitos haz click aquí
  Una vez en la página de iconos, debes buscar un icono, seleccionarlo, abrirlo, copiarlo y pegarlo. Te mostraré cómo lo hago, a mi manera:

1 - buscar el icono	2 - Seleccionar	3 - Copiar imagen

Y el paso N° 4 es pegar el icono...

---

Ajá, ¿y en dónde lo pegamos?... (seguro se están preguntando)

---

El espacio dedicado para pegar el icono, será entre los corchetes donde se pone el texto de fuente. A continuación una imagen para tener un ejemplo más claro:

Guiándonos por el este ejemplo, obtendremos una imagen con un icono como enlace a la fuente de la misma. Ya sabemos dónde es que se debe pegar el icono. Si sigues los códigos de forma correcta, y pegas el icono donde se debe, todo te saldrá como las imágenes que viste al principio de este post; tienen un icono como enlace a su fuente.

---

Observaciones:

• La fuente de las imágenes se pueden insertar de la misma forma en cualquiera de las codificaciones, es decir, colocando su fuente justo debajo del link de la imagen. Esto aplica para todas las codificaciones de alineación.

• Si la imagen es una fotografía propia. Simplemente reseñas que es de tu autoría debajo de ellas, o al final del post colocas una nota diciendo que todas las imágenes son propias (aplica según sea el caso).

• Después de cerrar la codificación, antes de empezar a escribir el párrafo correspondiente, debes dejar un espacio de una línea para que todo quede de forma correcta y el resultado sea el esperado.

• Cuando quieras ubicar una imagen ya sea a la derecha o izquierda. Primero codificas la alineación con la imagen y una vez cerrada la codificación, comienzas a escribir justo debajo del código (respetando el espacio de 1 una línea). El texto aparecerá del lado opuesto de la imagen (como puedes observar en la explicación de arriba).

---

Códigos listos para copiar y pegar aquí

Guía didáctica sobre Markdown. Estética para tu post

^{(enlace para que encuentres todos los códigos, tanto los de la parte #1 como la #2)}

---

Ahora que ya sabes como insertar imágenes y alinearlas de la forma que desees, sólo resta comenzar a practicar para aprender a manejar los códigos con fluidez. Queda de tu parte comenzar a jugar un poco con los códigos para obtener creaciones y resultados maravillosos.

---

• _{Para ver la parte #1 click en el siguiente enlace: Guía didáctica sobre Markdown. Estética para tu post - Parte #1 (Textos)}

---

Finalmente quiero agradecerte porque hayas tomado la tarea de aprender un poco más y de que uses mi enseñanza como referencia. En las próximas publicaciones continuaré enseñando un poco más de como darle estética a tu post.

---

Gif diseñado por @juliolezama. Agradecimientos especiales por su diseño.