¡COSAS QUE DEBES SABER Y NO SABIAS USAR EN STEEMIT! Guía de 2.0 de Markdown y HTML para darle el mejor estilo a tus publicaciones!

in spanish •  7 years ago  (edited)

Hola chicos, que tal?

Bienvenidos a esta increíble comunidad si eres nuevo!

Y sino, bienvenido a un post que seguro te servira de mucho para mejorar en Steemit.

Personalmente desde que formo parte de esta comunidad me ha tocado investigar mucho para tener mejores resultados en la web. Y pues, lo primero que debemos tomar en cuenta para tener éxito en un blog (como lo es steemit) es saber "enganchar" al espectador. Y pues, tanto en un blog como en todo lo que sea presentado a un publico, esto se logra a través de la atracción visual, es decir, a través de la estética y presentación que le des a tus post.

Aunque no olviden que no solo se trata de crear contenido atractivo visualmente, sino tambien contenido de calidad.

Así como yo tratando de atraer su atención con esta ilustración que he hecho y que quería compartirles!

Volviendo al tema, es importante conocer los códigos Markdown y HTML para escribir los post con un buen formato y así sea más legible la información.

Este termino de "formato" se refiere al aspecto que el texto tiene. Como en el paquete de Office, que tiene sus botones para dar formato al texto. Este campo donde escribimos nuestros post también lo tiene, pero debemos aplicarlos de forma manual.

Para el lector esto tiene gran importancia, ya que imagínate que abres un post y te encuentras un párrafo de 200 líneas sin punto y aparte, sin negrita, o alguna referencia en el texto. Yo, cerraría enseguida la pestaña. No tanto porque no se mira bien, si no porque la vista del lector se cansa y llega un momento en esas 200 líneas que los ojos buscan alguna referencia importante en el texto para terminar de leer. Se vuelve aburrido, el espectador pierde el interés y simplemente se va, descartandolo a fin de cuentas. Y tu terminas frustrado porque no sientes que avanzas o logras tener exito con tus post. #


Fuente

Así mismo terminan en el cajón que nadie ve, post que tienen gran contenido de calidad.

Por ello te traigo lo básico en Markdown y HTML que debes saber para hacer los mejores post! Así que saca lápiz y papel o sencillamente guarda este post en marcadores. Repasaremos los códigos más utilizados para crear los post en Steemit. ¡Aquí vamos!

LO MAS ÚTIL DE MARKDOWN

  • TITULOS O CABECERAS

Para escribir títulos y subtítulos para tus artículos solo tienes que utilizar el signo de # al principio de la línea, dejar un espacio y luego escribir el texto. Así obtendrás diferentes tamaños dependiendo de cuantos signos utilices al principio de esa línea. Mientras más coloques el signo # más pequeño será el texto. Solo es posible colocar hasta 6 signos.. Por ejemplo:

# Título 1
## Título 2
### Título 3
#### Título 4
##### Título 5
###### Título 6

Así se verá:

Título 1

Título 2

Título 3

Título 4

Título 5
Título 6

  • CITAS

Para crear el formato de cita en el texto sencillamente coloca el signo ``>`` seguido de un espacio y luego el texto.

Por ejemplo:

Este consejo te ayudara mucho si te gusta leer tanto como a mi, y siempre andas recordando y compartiendo esas frasesitas que siempre pasan por tu cabeza.

Ahora si quieres combinar una cita con otra, solo debes colocarlo de la siguiente manera:

> Este es un ejemplo de cita.
> > Esta cita pertenece a la primera

Esto es algo que te ayudar+a a alcanzar el éxito no solo en esta plataforma sino en la vida en general!

Sé tu mismo, los demás puestos ya están ocupados. -Oscar Wilde.

Esta es otra forma de citar un texto, solo se agregan 4 espacios antes de escribir.
  • VIÑETAS O LISTAS

La viñetas sirven para ordenar o enumerar el contenido. Solo basta con teclar - , * o 1. seguido de un espacio y luego el texto.
Por ejemplo:
* Texto
* Texto
* Texto

  • Texto
  • Texto
  • Texto

- Texto

  • Texto

1. Texto

  1. Texto
  • BLOQUES DE CODIGOS

Los bloques de códigos permiten formatear el lenguaje para que no tengan efecto. Tecleamos `` entre los dos ` escribir el texto.

Por ejemplo:
Texto normal en negrita
**Texto normal en negritas** solo le agregas los `` de cada lado.

  • AGREGAR DOBLE ESPACIO ENTRE PARRAFOS

Para saltar a otra línea basta con teclear Enter pero cuando utilizamos códigos html debemos insertamos un salto de línea con <p>, <br /> o este simbolito # y luego enter. Si no, nuestro texto quedará pegado al siguiente párrafo. Y para insertar una línea separadora de texto solo teclamos --- y enter.


  • ENLACES

Esta me gusta mucho, y es que es la mejor manera de insertar un link en tu post! Para ocultar los enlaces debemos escribir , entre los corchetes escribimos lo que queremos que se visualice y entre paréntesis pegamos la dirección URL.
Por ejemplo:
[Steemit](https://steemit.com)
Steemit
Nota: Es importante no dejar espacio entre ](

  • ÉNFASIS

Los énfasis es de utilidad para resaltar nuestro texto. Existen varios tipos:

*Texto cursiva*
**Texto en negrita**
***Texto negrita cursiva***

Texto cursiva
Texto en negrita
Texto negrita cursiva

  • CENTRADO, JUSTIFICACIÓN Y POSICIÓN DEL TEXTO

Creo que esta es la parte mas importante y básica! Para centrar el texto tecleamos
<center>Texto centrado</center>

Quedara así

Para justificarlo solo tecleamos lo siguiente:
<div class='text-justify'>Texto justificado</div>

Y quedará así, este es uno de los codigos mas básicos y más usado. Digamos que le da ese toque organizado y profecional que necesitan los textos largos! o así es como lo veo. Así que para textos largos texto justificado. Texto justificado. Texto justificado. Texto justificado.

Ahora, para colocar nuestro texto a la izquierda tecleamos lo siguiente.
<div class='pull-left'>Texto</div> y si es a la derecha <div class='pull-right'>Texto</div>

Texto a la izquierda Texto a la izquierda. Hola hola, Bienvenidos a steemit, bienvenidos bienvenidos. Texto. Texto. Texto. Texto. Texto
Texto a la derecha Texto a la derecha. Espero disfruten estar aqui y que les sirva este post. Texto. Texto. Texto. Texto. Texto

Y como bono especial... 😄

Por acá les dejo el post que encontre investigando por allí, donde pueden encontrar los codigos de HTML para emojis, solo debes dar click aquí! 😄

Y eso es todo por ahora, son muchas cosas para recordar a la primera, lo sé, sin embargo steemit siempre nos deja el link de Mmarkdown style cuando entramos a redactar un post, o también puedes guardar este link en los favoritos de tu navegador para consultarlo cuando lo necesites!

Otra opción si se te hace complicado esto de los códigos y el markdown, es usar la siguiente herramienta para redactar tus posts y luego copiarlos y pegarlos en el editor de steemit. ¡Tú eliges! Te acomodas ahí! jajaj

Esto es lo mas importante que debes saber en markdown y HTML, espero les sirva de mucho. Si tienes preguntas de como hacer alguna otra cosa que no puse aquí, no dudes en dejar un comentario y te responderé a la brevedad posible!

Si te ha servido, no olvides darle a upvote 👍 y resteem para que estas herramientas puedan ayudarle y llegarle a muchas mas personas !

Saludos y hasta el proximos post lindas personitas!❤

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

excelente.. sigueme y te sigo

super util y didactico mil gracias

Gracias a ti por leer! Espero les sirva mucho! Feliz dia!

¡Me encantó demasiado! Gracias por este excelente aporte que contribuye al enriquecimiento de los que estamos empezando en este medio tan genial y sobre todo, estar pendiente de embellecer nuestro lenguaje en todo momento. ¡Mis mejores deseos para ti! por cierto, ¿Eres editora, escritora o algo por el estilo?

¡Gracias a ti por leer mi post y por los buenos deseos!
Espero sirva de mucho este pequeño post y bueno, a tu ultima pregunta... algo así. Soy estudiante de Diseño Gráfico, pero me gusta toda esta infinidad de ramas que van de la mano del arte. Un super saludo!

Gracias amigo por tu tiempo al publicar este post super instructivo para los nuevos miembros de esta comunidad, como es mi caso ya apunte cada dato y de seguro lo aplicare en cada una de mis publicaciones...gracias 😁

Espero que te sirva de mucho, y gracias por apreciar el tiempo que he dedicado en ello! Un saludo!

Información como esta la verdad que es de excelente ayuda , pero si la encuentras en español no tiene precio. ¡Muchas Gracias @dientedeleon! Tienes mi voto

@reveur ven esto es demasiado util

Bastante bueno gracias💜

Espero te sirva!

Completo, integro y muy didactico para aprender. Gracias por tu aporte.. Saludos.

Muy buena tu explicación , fue de gran utilidad

perfecto post lo que me hacia faaaaaltaaaa

Excelente información . Bendiciones💋

Muchas gracias!

Mi vida es un poco más feliz después de haber leído esto, porque cuanto se sufre siendo nuevo en Steemit, querer hacer cosas lindas y visualmente agradables, pero meter la pata miserablemente por no encontrar una guía amigable (como este post).

¡Grandiosa publicación, super bonita, bien redactada y entendible!. Muchas gracias por compartir esta información @dientedeleon (omg, te llamas como una Witch que sigo en Instagram)💖

Muchas gracias!💜
Me alegra muchisimo que te haya servido!

Gracias, me fue muy útil tu post!

Me alegra que te haya funcionado!