#club5050🚀Miércoles de #cotinatech| Markdown de una forma fácil para todos📝Parte #2 por @jennarg🚀| 15% para @cotina💫

in Comunidad Latina2 years ago

Picsart_22-08-10_14-56-12-016.jpg

Imágen editada en PicsArt, Fuente de la imagen de fondo



Este día de #cotinatech aprovecharé la oportunidad de seguir con la segunda parte de la guía Markdown para entenderlo de una forma fácil, en la primera guia hable sobre su aplicación para nuestros textos así que en esta oportunidad explicaré de una forma sencilla también el uso de su aplicación con las imágenes, videos y todo lo relacionado a este tema amigos ya que es muy importante saber pequeñas cosas que a veces pasamos desapercibidos con nuestras imágenes o deseamos que nuestras publicaciones se vean más dinámicas a la hora de publicarlas.

Screenshot_20220810-123835.png

Para subir nuestras imágenes, damos click en el botón verde donde está la palabra "seleccionandolos".

Imágenes centradas
Forma: <center> LINK DE NUESTRA IMÁGEN</center>
Vista: ⬇️

code-typing-concept-illustration_114360-3866.jpg

Fuente

Nota: Las imágenes centradas son muy importantes ya que les da una vista más estilizadas de nuestras publicaciones a los lectores que usan computadoras, en la versión para teléfonos no se nota la diferencia pero si lo cambian a "modo computadora" verán de lo que les hablo y el como originalmente las imágenes se ven hacia un lado de nuestra hoja de edición.


Imágenes a la derecha del texto
Forma: <div class="text-justify"><div class="pull-right"> LINK DE NUESTRA IMAGEN</div> DEBAJO NUESTRO TEXTO
Vista: ⬇️
A pesar de su gran fortuna, Saúl se pasaba el día con el ceño fruncido y mostrando una actitud tan apática que daba la sensación de estar enfadado con el mundo. Últimamente no soportaba madrugar y odiaba tener que ir al colegio cinco días por semana, sobre todo porque su profesor le parecía un señor insoportable y cada vez hablaba menos con sus compañeros de aula.

Fuente imagen


Imágenes a la izquierda del texto
Forma: <div class="text-justify"><div class="pull-left"> LINK DE NUESTRA IMAGEN</div> DEBAJO NUESTRO TEXTO
Vista: ⬇️
A pesar de su gran fortuna, Saúl se pasaba el día con el ceño fruncido y mostrando una actitud tan apática que daba la sensación de estar enfadado con el mundo. Últimamente no soportaba madrugar y odiaba tener que ir al colegio cinco días por semana, sobre todo porque su profesor le parecía un señor insoportable y cada vez hablaba menos con sus compañeros de aula.

Fuente imagen

Reducir el tamaño de nuestras imágenes
Explicación:

♦️TÍTULO DE LA IMAGEN➡️![image.png]

♦️LINK DE LA IMAGEN⬇️ (https://cdn.steemitimages.com/DQmShG717dw7jT3f6mEqFakbSjEqo4guTLJNvKW7TTMTCpY/image.png)

  • Paso 1: Quitamos del título de la imágen además de los paréntesis "()", dónde va el título colocamos las dimensiones, vista⬇️

https://steemitimages.com/125x256/https://cdn.steemitimages.com/DQmShG717dw7jT3f6mEqFakbSjEqo4guTLJNvKW7TTMTCpY/image.png

♦️ Imágen reducida: ⬇️


♦️ Imágen original: ⬇️

developers-computer-smartphone-working-single-page-app-tiny-people-single-page-application-spa-web-page-web-development-trend-concept_335657-2409.jpg


Existe una forma más rápida de cargar nuestras imágenes o gifs, muchas personas normalmente quizás realizan 2 pasos que es el descargar la imagen y luego subirla acá, pero hay un paso más sencillo, dónde tenemos nuestra imagen o gif ubicado, al seleccionarla nos dará una menú de varias opciones pero no la vamos a descargar si no a dar click en la opción de "Copiar imagen".

Luego en nos ubicamos en nuestro editor de steemit, es decir dónde estamos escribiendo nuestra publicación y le vamos a dar click en "Pegar" inmediatamente veremos qué nuestra imagen se comenzará a cargar en la publicación y así nos evitamos de realizar los 2 pasos.

Screenshot_20220810-130938.png

Captura tomada desde mi teléfono Infinix Note 8i, para esta publicación.

Insertar un vídeo de Youtube
Forma: https://youtu.be/1oeD2m2UQAI
(SOLO PEGAR EL LINK DE NUESTRO VIDEO)
Vista: ⬇️

Fuente


Insertar Gifs
Forma: Cargar nuestro gif como las imágenes, si ya lo tenemos previamente descargado en nuestros dispositivos o podemos usar la opción explicada anteriormente de "copiar imagen y pegar en nuestra hoja"
Vista: ⬇️

giphy.gif

Fuente


BONO🎁: LETRAS EN COLOR ROJO
Forma: <div class="phishy"> TEXTO </div>
Vista:
Gracias por leer.

Hasta acá mi guía de la aplicación de Markdown amigos, seguiré en busca y también instruyendome más acerca de muchas más aplicaciones de esta excelente herramienta para seguirle trayendo a ustedes está aplicación, si llegaron hasta acá espero les haya gustado y recuerden, no es difícil, solo debemos sentarnos tranquilamente aplicar los códigos y hacer una especie de "ensayo y error" para ir viendo cómo nos va quedando nuestra publicación, aprovechemos la herramienta de "vista previa" que nos va enseñando como se ve nuestra publicación que redactamos y así sabremos si estamos haciendo un buen uso de estos códigos, mi recomendación es que cada publicación agreguen un código más para que vean como obtendrán un excelente resultado.

Emojis de la aplicación Bitmoji.


Conóceme🌈

Sort:  
 2 years ago 

Aunque ya tengamos tiempo en Steemit, siempre es bueno ver este tipo de tutoriales porque, nos refrescan la memoria y al mismo tiempo, quienes están iniciando tienen una guía maravillosa para maquetar sus publicaciones.

Excelente post amiga, muchas felicidades

 2 years ago 

Así es amiga steemit es una plataforma donde constantemente se están uniendo personas y eso es muy bueno así que no está demás ayudarlos a que sus publicaciones tengan una mejor calidad. Gracias por leer, saludos 🤗

Maravilloso post, ya lo guardo aun me faltan muchas cosas, mira que lo gif hice varios y no me cargan y era q tengo que pegarlos, jajajjaja vaya por Dios¡¡¡ pero gracias por el aporte

 2 years ago 

Jaja amiga esa es la idea que todos aprendan de una forma sencilla la aplicación de estos códigos, no son fáciles pero tampoco son imposibles. Si consigo más códigos para otro tipo de aplicaciones en nuestras publicaciones les prepararé otra guía. Gracias por leer.

You've got a free upvote from witness fuli.
Peace & Love!

 2 years ago 

Encantador y maravilloso, además de instructivo para quienes tienen dudas o desconoces algunos comandos. Es importante tomarlos en cuenta ya que hacen de nuestra presentación más profesional y estilizado. Gracias por eso jenn.


Libre de plagio
club50/50
Libre de bid Vote
steemexclusive
Calidad9/10

Verificado en: 10-08-2022

 2 years ago 

Gracias a ti viví siempre por leerme, así es está semana la he dedicado aportar un granito de arena a las personas que se están integrando a la plataforma y trate de hacerlo entendible para que se animen a embellecer sus publicaciones.

 2 years ago 
Your post has been successfully curated by our team via @pelon53 at 30%. Thank you for your committed efforts, we invite you to do more and keep posting high quality posts for a chance to win valuable upvotes from our team of curators and why not be selected for an additional upvote later this week in the Top Seven.


Note : You must enter the tag #fintech for your post to be reviewed.

 2 years ago 

Thanks for the vote, I will continue to create quality content to get top weekall.

 2 years ago 

👏👏👏👏👏 excelente gracias por compartir eres un éxito.

 2 years ago 

Muchas gracias amiga me alegra te haya gustado, espero ayudar a muchas personas y que haya sido de una forma entendible para todos. Te envío muchas bendiciones gracias por leerme 🤗

 2 years ago 

Oye qué cool! Voy a intentar hacerlo con los Gifs! No sabía éste truco chama!

Gracias. 🎇

 2 years ago 

De nada amiga es mi idea dar mi granito de arena para que muchas personas lleguen a embellecer sus publicaciones y aprendan de una forma fácil. Gracias por leerme.

 2 years ago 

Muy buen post amiga, siempre es bueno tener presente el uso del Markdown en nuestros posts, hay muchos trucos y opciones a utilizar, gracias por compartir 🤗

 2 years ago 

Así es amiga y es bueno que muchas personas conozcan este uso para que tengan sus publicaciones más estilizadas. Gracias por leer.