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