GUÍA COMPLETA PARA FORMATEAR TEXTO EN STEEMIT

in #spanish7 years ago (edited)

thumb

LA GUÍA COMPLETA DE FORMATO DE TEXTO EN TUS ARTÍCULOS DE STEEMIT


Hola, qué tal mi gente épica. Bienvenidos a mi blog en Steemit.

Últimamente he estado recibiendo peticiones de muchos de ustedes pidiendo más informació sobre como dar formato al texto de sus artículos aquí en Steemit. El día de hoy tal y cómo el título lo indica estaré compartiendo como dar formato a tus escritos ya que no siempre el "texto alineado a la izquierda" es la mejor opción.

A mí en particular me gusta hacer mis publicaciones con el texto "justificado" (así con todas las palabras alineadas al principio y al final de cada línea). Justo como esta entrada que estás leyendo el día de hoy.

DIFERENTES ESTILOS DE FORMATO


En la web existen diferentes tipos de estilos para dar formato al texto de tus publicaciones pero el día de hoy nos dedicaremos a hablar de cómo hacerlo exclusivamente aquí en Steemit debido a que no es realmente muy intuitivo el proceso cuando estamos creando nuestro post.

Aquí podemos utilizar MARK DOWN el cual es una simplificación de las etiquetas HTML y podemos utilzar html también. Solo tenemos que tener un poco de conocimiento de cómo utilizarlos y cuándo es conveniente usar uno u otro y cómo combinarlos.

El Mark-down

Es el tipo de formato utilizado por el editor de Steemit. Cuándo haces click en "Submit a Story" (Crear nueva entrada) este es el tipo de estilo que estaremos utilizando por defecto. Es simple, rápido de aplicar y sencillo de aprender.

Debajo de la casilla dónde se colocan las etiquetas (tags), debajo de dónde se elige como recibir los rewards 50%/50% hay un enlace que dice Markdown Styling Guide, (en inglés) puedes hacer click en este enlace para más información acerca del Markdown. Hoy voy a estar explicando las funciones principales del Markdown y como utilizarlas en nuestras publicaciones.

HTML

El html es el lenguaje oficial y universal del internet, y todos los navegadores entienden este lenguage de formato de páginas web. Aunque en los ultimos años el formato se hace en CSS cascading style sheets (hojas de estilo anidadas o en cascada). Las bases de toda página web se hacen en HTML o un derivado como XML, XHTML pero en fin, no nos pongamos tan técnicos. Basta con entender que incluso Steemit.com está basado en HTML así que es fácil deducir que podemos utilizar esto a nuestro favor.

LO MÁS ÚTIL DEL MARKDOWN


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 y obtendrás diferentes tamaños dependiendo de cuantos signos utilices al principio de esa línea.

CÓDIGO:

# Cabecera H1
## Cabecera H2
### Cabecera H3
#### Cabecera H4

RESULTADO:

Cabecera H1

Cabecera H2

Cabecera H3

Cabecera H4


NEGRITAS, CURSIVAS & TACHADAS

En el cuerpo de nuestros párrafos vamos a necesitar enfatizar en algunos enunciados y para eso tenemos los símbolos de **, __ y ~~ (estrellas o asteriscos, guion bajo [underscore] y virgulilla [o no sé como se llame ese símbolo por sí solo pero es este ~]).

NEGRITAS: Para escribir en negritas solo tenemos que utilizar los asteriscos dobles o guion-bajo doble de la siguiente manera:

CÓDIGO:
**Texto de ejemplo en negritas con asteriscos dobles**
__Texto de ejemplo en negritas con guion-bajo doble__

RESULTADO:
Texto de ejemplo en negritas con asteriscos dobles
Texto de ejemplo en negritas con guion-bajo doble


CURSIVAS: Para escribir en cursiva es igual pero con asteriscos sencillos o guion-bajo sencillo.

CÓDIGO:
*Texto de ejemplo en cursivas con asteriscos sencillo*
_Texto de ejemplo en cursivas con guion-bajo sencillo_

RESULTADO:
Texto de ejemplo en cursivas con asteriscos sencillo
Texto de ejemplo en cursivas con guion-bajo sencillo


TACHADO: Para tachar tu texto utilizas el signo de ~~ de la siguiente forma

CÓDIGO:
~~Texto de ejemplo en cursivas con asteriscos sencillo~~

RESULTADO:
Texto de ejemplo en cursivas con asteriscos sencillo


NEGRITAS Y CURSIVAS:

Para combinar negritas y cursivas utilizas asteriscos dobles y guion-bajo sencillo así:

**_Texto de ejemplo cursivas y a la vez negritas_**

Resultado:

Texto de ejemplo cursivas y a la vez negritas


LISTAS



Para hacer un listado solo necesitas usar el asterisco, el signo de má o el signo de menos para comenzar la linea.

* Lista 1
* Lista 2
* Lista 3
+ Lista 4
- Lista 5
Resultado:

  • Lista 1
  • Llista 2
  • Lista 3
  • Lista 4
  • Lista 5

CITAR TEXTO

Para citar texto utilizas el signo de > (Mayor que ) al principio de la linea.

> Este es un texto citado.

Resultado

Este es un texto citado.


COSAS QUE SOLO SE PUEDEN HACER CON HTML

Como este post ya está un poco largo no voy a detallar como hacer todo lo anterior con HTML ya que Markdown y html se pueden combinar. Así que solo estaré detallando como centralizar y justificar el texto utilizando las etiquetas HTML que nos ayudarán a hacer esto posible.

CENTRALIZAR TEXTO

Para centralizar nuestro texto lo vamos a encerrar en medio de las etiquetas <center> y aquí el texto que quieres centralizar </center> de la manera siguiente:

<center> Este es un ejemplo de texto centralizado donde todo lo que escribamos en medio de estas etiquetas se muestra en el centro de la pantalla como los versos de los poemas.</center>

Resultado

Este es un ejemplo de texto centralizado donde todo lo que escribamos en medio de estas etiquetas se muestra en el centro de la pantalla como los versos de los poemas.

JUSTIFICAR EL TEXTO

Para justificar nuestro texto a ambos lados del párrafo lo vamos a encerrar en medio de las etiquetas <div class="text-justify"> y aquí el texto que quieres justificar. </div> de la manera siguiente:

<div class="text-justify"> Este es un ejemplo de texto justificado donde todo lo que escribamos en medio de estas etiquetas se muestra ajustado a los bordes del parrafo como en los libros que leemos en obras literarias. </div>

Resultado:

Este es un ejemplo de texto justificado donde todo lo que escribamos en medio de estas etiquetas se muestra ajustado a los bordes del parrafo como en los libros que leemos en obras literarias.

SUFICIENTE POR HOY

Por el día de hoy ya es suficiente. El post resultó más largo de lo que había anticipado así que hemos llegado al final de este artículo por el día de hoy. (Sí, me gusta redundar las redundancias redundadas. ja ja ja).

En próximos posts enesñaré a alinear las imágenes y a hacer pies de página animados como el mío.


Otros post de interés:

  1. COMO CONSEGUIR MÁS VOTOS - HAZ ESTO!
  2. CONVIERTE DÓLARES STEEM A STEEM Y STEEM POWER
  3. Steemit para principiantes (La mejor forma de comenzar ahora mismo)

Fuente de imagen

VOTA Y SÍGUEME SI TE GUSTA LO QUE HAGO. @epico

footer

Sort:  

muchas gracias por tus enseñanzas

Gracias Épico. maravilloso aporte, agradecido.
👍 👍 👍

Muchas Graciasss por tu aporte, justo lo que andaba buscando

Excelente trabajo. Gracias por compartir lo.

excelente explicación y super útil

Amigo buenas..! Te saludo, en espera que estés bien. Sabes!!! Una usuaria en uno de mis artículos me pregunta como hago yo para que mis publicaciones queden ordenaditas en cuanto al formato, porque ella quiere hacerlo igual, y comenta además que no encuentra material para guiarse. Será que me permutes que le haga llegar este material tuyo. Saludos, gracias y éxitos...

Claro puedes compartirlo como desees. Disculpa la tardanza para responder.

¡Gracias amigo!

excelente post, no tienes idea de lo mucho que me ayudo, por fin puedo justificar!! gracias(:

De nada. Los textos justificados son más agradables a la vista, en mi opinión.

Muchas gracias por la info, buen material :D.

Excelente informacion, de muchisima utilidad. Una pregunta, como haces para colocar negritas en medio de un texto justificado? Yo no he podido hacerlo, cuando lo justifico no me reconoce ningun comando para poner negritas.

Es que justificamos usando HTML es dificil usar MarkUp junto con html.

Solución
Utiliza el siguiente código html:

<b> Texto que quieres en negrita. </b>
El resultado será:

Texto que quieres en negrita.

Disculpa por tardar tanto para responderte @laflacasings

Hola, soy nuevo. Esta muy bueno tu contenido y facil de entender. Agarrare mucho de aca para mis post. Muchas gracias!

Me alegra que te haya servido.