Ú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.
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.
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.
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.
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:
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
* Lista 1
* Lista 2
* Lista 3
+ Lista 4
- Lista 5
Resultado:
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.
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.
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.
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.
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).
@epico