Guía para el Markdown: Mejorando el aspecto de nuestros post. | Parte #1

in mspsteem •  6 years ago  (edited)

¡Saludos a todos mis queridos lectores!



Fuente.

Aprender a utilizar la guía para el markdown en steemit es fundamental al iniciarte en esta plataforma, ya que es lo que te va permitir darle esa estética visual al post a la hora de elaborarlo, te permite colocar las fuentes, centrar, subrayar y realizar un buen articulo con imagenes, títulos, subtítulos y todo lo demás.

Al empezar a escribir tu articulo, te daras cuenta que en la parte inferior donde se te permite visualizar de qué manera va quedando el post te darás cuenta que en verde está escrito Guía para el Markdown alli podras ver ejemplos y aprender a usarlo de manera correcta y sencilla.

  • ¿Acabas de iniciar en Steemit y no sabes cómo escribir tu primer articulo?


¡Eso nos pasa a todos en la plataforma! por la misma razón muchos de nosotros se nos dificulta crear nuestro #introduceyourself correctamente, como todo nuevo miembro entre sin saber nada acerca de la plataforma, y tenía muchas dudas, me di la tarea de investigar un poco más para poder aprender lo básico y utilizarlo en la elaboración de mis artículos de steemit.


Ahora bien, vamos a utilizar el formato HTML para escribir en steemit y ver de qué manera nos va quedando el post, quiero aclarar que esta informacion la podra hallar en cualquier sitio de internet, esta es una guía sencilla, el formato que yo utilizo y seguiré utilizando en mis próximos artículos y lo compartiré con ustedes porque sé que todos iniciamos con las mismas dudas y deseariamos tener este formato completo a la mano.

Para empezar creare unos códigos de bloques que se realizan de manera muy fácil, se trata de encerrar en texto o párrafo que hayas escrito con tres símbolos de estos o mejor conocido como virgulillas (~~~) El texto debe quedar con tres virgulillas arriba - texto en el centro - tres virgulillas debajo, veamos como nos queda.

  • Aprendamos a escribir con la siguiente guia de texto:


1º Línea para la separación de párrafos: ---


2º Organizar el texto con puntos :
 
- 1 

- 2

- 3

3º Crear hipervínculos: 
[Fuente.](Link)


4º Nombrar usuarios en Steemit:
<a href="https://steemit.com/@usuarios">@usuarios</a>


5º Títulos  en negrita:
# Titulo 1
## Titulo 2
### Titulo 3
#### Titulo 4
##### Titulo 
###### Titulo 

6º Imagenes con link:
![](Link de imagen)[Fuente.](Link de pagina aqui)

7º Fuente centrada:
<center>[Fuente]()</center>

8º Texto Negrita: **texto**
Negrita y cursiva: ***texto***
Cursiva: *texto*

9º (Texto ~~Tachado~~)

10º Texto centrado para citar algo:
> Texto para citar

```Texto para citar```

11º Insertar imágenes al lado del texto: 

<div class="pull-left">
<center>"link de la imagen"
<a href="link de la pagina de donde sacamos la imagen"><strong>Fuente.</strong></a></center>
</div>

El párrafo que se va a colocar a la derecha de la imagen, 
se debe poner inmediatamente después del código de manera igual a la que se muestra.
 Para cambiar el orden de la imagen solo debes cambiar las palabras
left (izquierda) por right (derecha)

12º Texto para dos columnas centradas.

<div class="text-center">
<div class="pull-left">
Párrafos a la izquierda con formato centrado
</div>
<div class="pull-right"><i>
Párrafos a la derecha con formato centrado y letra cursiva
</i></div>
 
13º Tablas de contenido m1.

Título de columna 1 | Titulo de columna 2
------------ | -------------
Contenido de columna 1 | Contenido de columna 2
Contenido 1 |Contenido 2

 Tablas modelo 2:

| Modelo | Color   | Precio |
| ------ |---------| ------:|
| 1  | Amarillo  | 100    |
| 2  | Azul    | 100  |
| 3 | Rojo | 100 |

14º Crear líneas en blanco.

***
---
___

 15º Linea de bloque o código.

`Esto es un ejemplo de línea de código`

Solo debes usar dos comillas al inicio y al final del texto.


16ºSeparar Título del texto:   <br>

Solo debes colocar <br>  al iniciar el siguiente párrafo.

17º Justificar párrafos: <div class="text-justify"><p>"Colocar párrafo aqui"</p></div> 


18ºLetras muy pequeñas:   <sub>"Texto aquí"</sub>

 

Siéntase libre de copiar y guardar esta guía para su uso en la plataforma, esta elaborada para todos los usuarios de Steemit.com que quieran utilizarla a partir de ahora.


  • Veamos rápidamente cómo se visualiza esta guía al aplicarla a nuestro articulo en steemit:


1º Línea para la separación de párrafos:



2º Organizar el texto con puntos :

  • 1

  • 2

  • 3


3º Crear hipervínculos:
Fuente.


4º Nombrar usuarios en Steemit:
@usuarios


5º Títulos en negrita:

Titulo 1

Titulo 2

Titulo 3

Titulo 4

Titulo
Titulo

6º Imagenes con link:

Fuente.


7º Fuente centrada:

Fuente


8º Texto Negrita: texto
Negrita y cursiva: texto
Cursiva: texto


9º (Texto Tachado)


10º Texto centrado para citar algo:

Texto para citar 1

Texto para citar 2


11º Insertar imágenes al lado del texto:

El párrafo que se va a colocar a la derecha de la imagen, se debe poner inmediatamente después del código de manera igual a la que se muestra.

Para cambiar el orden de la imagen solo debes cambiar las palabras
left (izquierda) por right (derecha)


12º Texto para dos columnas centradas.

Párrafos a la izquierda con formato centrado (este es un ejemplo de como se veria la columna numero 1 si utilizamos el código).
Párrafos a la derecha con formato centrado y letra cursiva (este es un ejemplo de como se veria la columna numero 2 si utilizamos el código.)

13º Tablas de contenido 1.

Título de columna 1Titulo de columna 2
Contenido de columna 1Contenido de columna 2
Contenido 1Contenido 2

Tablas modelo 2:

ModeloColorPrecio
1Amarillo100
2Azul100
3Rojo100

14º Crear líneas en blanco.





15º Línea de bloque o código.

Esto es un ejemplo de línea de código

Solo debes usar dos comillas al inicio y al final del texto.


16º Separar Título del texto:

Solo debes colocar
al iniciar el siguiente párrafo.


17º Justificar párrafos:

"Colocar párrafo aquí"


18ºLetras muy pequeñas: "Texto que quiera aquí"


¡Espero lo hayan disfrutado la lectura! y les sea de mucha utilidad a partir de ahora, pues todos deseamos tenerlo a la mano al iniciar y mucho más simplificado para lograr entenderlo mejor.

Steemit MiguelBermudez.png

No te vayas sin dejarme un comentario y contarme qué te pareció este articulo.

¿Ya conocías estos códigos?

upvott.gif

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:  

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by Miiguel☦ - miig from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

Vaya es complicado, eh. Espero poder dominar este mar de codigos para mi siguiente post de música. Muchas gracias por la info @miig saludos.

Es fácil, cuando te acostumbras, solo debes saber que codigo usar para lo que deseas hacer, gracias por tu comentario, saludos.

Congratulations @miig! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You got more than 10 replies. Your next target is to reach 50 replies.

Click here to view your Board of Honor
If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last post from @steemitboard:

Meet the Steemians Contest - The results, the winners and the prizes
Meet the Steemians Contest - Special attendees revealed
Meet the Steemians Contest - Intermediate results

Support SteemitBoard's project! Vote for its witness and get one more award!

Una guia super util, ¡excelente trabajo!

Congratulations @miig! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You received more than 50 upvotes. Your next target is to reach 100 upvotes.

Click here to view your Board of Honor
If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last post from @steemitboard:

Meet the Steemians Contest - The results, the winners and the prizes
Meet the Steemians Contest - Special attendees revealed
Meet the Steemians Contest - Intermediate results

Support SteemitBoard's project! Vote for its witness and get one more award!

This post has been resteemed from MSP3K courtesy of @victoriabsb from the Minnow Support Project ( @minnowsupport ).

Bots Information:

Join the P.A.L. Discord | Check out MSPSteem | Listen to MSP-Waves