Dándole estilo a tus textos en steemit

in #spanish7 years ago (edited)

Dada a la alta afluencia de personas nuevas que últimamente está ingresando a steemit he notado que muchos de ellos tienen dudas para darle un buen style a sus publicaciones, por eso he decidido hacer hoy en el Steem Spanish Day, y se trata de una pequeña guía con ejemplos tomando cosas tanto del markdown style como de html.

Yo más que nadie se lo dificil que son las primera semanas en steemit donde casi toda la información la consigues en inglés, por fortuna eso ha estado cambiando paulatinamente gracias a muchas personas lindas ♥ que incluso han traducido la guía rápida para comenzar o la “quick start guide”

Seguro te preguntarás porqué no usamos la herramienta de editor que da como opción steemit, pues bien en mi caso esta herramienta me presentaba dificultades sobre todo al momento de cargar una imagen, por eso prefiero trabajar en raw html, de igual forma a medida que vayas publicando descubrirás la forma que más te guste y se adapte a tus necesidades 🙂.

Tamaños y encabezados

Cuando quieres que el primer párrafo, título, palabra o cualquier parte de tu redacción esté de otro tamaño, sólo debes alternar con numerales #, puedes colocar hasta 6, donde el primero es el tamaño más grande. Entonces debes colocar la cantidad de numerales, espacio, y luego el texto. Por ejemplo:

# Título.
## Título.
### Título.
#### Título.
##### Título.
###### Título.

Título.

Título.

Título.

Título.

Título.
Título.

En html es más fastidioso porque tienes que colocar para abrir <h1> y luego cerrar con </h1>, y así con h2, h3 ...hasta la h6. En ese sentido markdown es más rápido de aplicar.

Énfasis.

Si lo que quieres es dar resaltar una palabra o parte de un texto usando negritas o italic puedes usar según mark down lo siguiente:

  • Para negritas se usa 2 arteríscos o 2 underscore o piso. Ejemplo:
**Negritas**
__Negritas__

Negritas con asterísco
Negritas con underscore

  • Para las letras estilo italic o cursiva usa un solo asterístico o un * solo underscore _ entre el texto. Por ejemplo:
*Cursiva*
_Cursiva_.

Cursiva con asterísco
Cursiva con underscore.

_**Este estilo lo uso mucho en mis poemas.**_
Este estilo lo uso mucho en mis poemas.

Para el caso de html se usa <em> para texto en cursiva y <b>o <strong> para negritas, tan solo recuerden empezar con los respectivos símbolos de mayor y menor para abrir <__> y cerrar agregando el slash </__>.

El estilo markdown para este caso sigue siendo más fácil sin embargo a mi una vez en la aplicación eSteem no me quizó agarrar la cursiva con el asterisco por lo que me quede con la opción html.
html-for-beginners1.jpg

Agregando citas o quotes.

Estas se suelen utilizar para citar textualmente lo que dijo una persona, pero también lo puedes usar para destacar una frase o un texto en particular, tan solo coloca >, dejas un espacio y colocas el texto. ¡Sencillo y eficaz!
Ejem:

Inserte aquí la cita o frase.

En html tienes que colocar entre los símbolos de mayor y menor <> </> las palabras blockquote.

El centrado tan anhelado.

Acá el html hace su magia porque no se porque con markdown no se puede, o tal vez se puede pero yo todavía no se, lo cierto es que si quieres centrar tus textos o cualquier imagen debes usar la palabra center entre los símbolos <> </>. Ejemplo:

<center> Bien centrado por favor </center>

Bien centrado por favor

Esta es la parte que le explota la cabeza a mi novio 💥💣, jajaja él es programador y según se hace de otra forma pero es más larga y ya se me olvido como es.

Agregar doble espacio.

Steemit te permite agregar espacio con enter normal y por lo general entre texto y texto tiene cierto interlineado, pero me ha pasado que cuando agrego una imagen enseguida aparece el texto pegado, eso lo puedes solucionar usando simplemente <br />

Si las listas son lo tuyo...

Entonces markdown te lo hace más fácil, en el caso de recetas o si lo que quieres es ordenar o dar algún tipo de instrucción que necesite ser llevaba a cabo de manera ordenada puedes utilizar los números normal o las viñetas usando el asterisco *.
Ejemplo:

1. Primer bichurito.
2. Segundo bichurito.
3. Tercer bichurito.
  1. Primer bichurito.
  2. Segundo bichurito.
  3. Tercer bichurito.
* Viñeta.
  • Viñeta.

Links enlazados a un texto en particular.

Si colocar un link completo te parece antiestético por lo largo que es o simplemente quieres aprovechar linkear una palabra o frase particular del texto con un link, lo puedes hacer usando corchetes. Por ejemplo:

[Haz click Aqui](http:/www.instagram.com/gabystories)

Haz click Aqui

Y aún no hemos terminado, te tengo un Bonus.

Si a ti te gustan usar emojis les recomiendo ir a esta página, lo copian y pegan ¡Y listo!
Aunque markdown tiene unos códigos para emojis no se porque no funcionan en steemit.

Ahora sí hemos terminado, se que son muchas cosas sin embargo steemit siempre nos deja el link de markdown style cuando entramos a redactar un post, o también puedes guardar este link en los favoritos de tu navegador para consultarlo cada vez que quieras.
Otra opción si se te complica mucho es usar la siguiente herramienta para redactar tus posts y luego copiarlos y pegarlos en el editor de steemit.


Créditos de imagen:

  1. Steemit.
  2. Ourcodeworld.
  3. Educatorindia.

Dale UPVOTE si te gusto y RESTEEM para que otros se enteren. 😄

Sort:  

Muchas veces, el editor de steemit, no interpreta bien el html.
En muchas ocasiones he cerrado los comandos < > con </ > y no el preview no lo ejectuta.
En particular me ha pasado con center y em.
No sé la razón de este problema.

Bueno te confieso que a veces no me agarraba porque colocaba el / de último 🙈, pero sí ciertamente a veces presenta problemas

necesito una ayuda o consejo acerca de blocktraders , tengo que primero registrarme , donde abro una billetra de steems

Hola Hector, bueno fíjate una vez que abres una cuenta en steemit ya tienes la billetera por defecto, y la puedes ver en la pestaña monedero

Gracias, está muy completa la información, en el siguiente enlace hay un post similar que incluye los códigos de los e-mojis: https://steemit.com/spanish/@tinashe/repost-consejos-rapidos-haz-tus-entradas-mejor-de-lo-que-ya-son

Esta demasiado ¡Genial! A mi me encantaaaan los emojis ♥ además aprendí otro par de truquillos de estilo. De verdad muchas gracias @titotips

muchas gracias, una excelente guía para nosotros los nuevos

Buenisimo. Fue de Gran Ayuda.

Gracias!! + Resteem

De nada bella! Más bien gracias a ti por dar a conocer la info a otras personas

Que amable muchas gracias!!

El anhelado centrado por favoooooor

por fin alguien me explica cómo jajaja. Excelente. Gracias.

:D SIIIII!! jajaja conozco ese sentimiento de cuando descubres cómo hacer el centrado

Que genial... lo puse en practica, vamos a ver si, funciona... ahora te digo!!!

Genial!! :D Luego nos cuentas qué tal :)

No me funcionó, igual yo uso las herramientas de texto que trae la pagina de por si. pero quiero aprender a mejorar mis post... cualquier momento te pego un grito!!! Saludos!!!

Buenas tardes @gabystories
Un artículo que he visto ya muchas veces por la comunidad a lo largo de los meses pero que, efectivamente, nunca está de más para ayudar a los nuevos usuarios que se incorporan.

Excelente información para novatos. Gracias por compartir.

Coin Marketplace

STEEM 0.20
TRX 0.25
JST 0.037
BTC 97184.44
ETH 3434.21
USDT 1.00
SBD 3.07