Dándole estilo a tus textos en steemit

in spanish •  7 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. 😄

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:  

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

Un placer.

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.

muy buen articulo, excelente aporte

Buen aporte

Este post me ha encantado, para la gente que empieza le va a venir genial. Muchas gracias por el aporte. ;)

Gracias!! :) Esa es la idea

GENIAL para empezar este Steem Spanish Day. ReSteemed por lo valioso de la información.

Gracias ♥ Ojalá que a muchos les sirva la info ☺️

Seguro que así será, no lo dudes.

Gracias, me sirvieron tus consejos!

si muy interesante, porque mis recetas se veian muy planas, gracias por estos trucos, lo pondre en practica y te cuento

Me alegra ver que podré contribuir en estilo de tus textos :) ♥ Cualquier cosa siempre ando por aquí en steemit. Saludos

Buenisimo amigo de los post mas utiles para los recien llegados como yo! jajaja

E intentado algo, pero no me a salido muy bien, pero igual no me rindo seguire intentándolo

Me ayudo bastante gracias!

buen post @gabystories, ya te estoy siguiendo, espero lo mismo :)

@gabystories una consulta, sabes como se hace para utilizar de una manera correcta una foto que no es mía (la descargué de internet), y utilizarla en un post que estoy creando.

Creo que la mayoría utiliza fotos decargadas del internet para hacer referencia de algo en sus post.

Gracias :)

Muchísimas gracias, me ha dio de mucha utilidad.

De nada

excelente post amigo, me ayudó mucho

Que bueno que te ayudo :)

@gabystories, hola. Te comento que hay una usuaria que requiere ayuda con relación a darle formato a su texto. Ella pide que se le haga llegar información sobre el tema. Será que le puedo hacer llegar la información, que para bien, tú aquí publicaste? Saludos y éxitos!!!

Disculpa la tardanza, pero estos últimos días no he tenido mucho internet, y por supuesto la guía esta para eso para ayudar a todo aquel que lo necesite, siéntanse libre de compartirlo. Saludos

Imaginé lo de internet, porque por donde vivo el servicio también está muy inadecuado. Muchas gracias. Se lo haré llegar a la persona que requiere ayuda en ese sentido. Éxitos. Saludos...afectuosos...

Genial, desconocía el lenguaje Markdown y estaba aprendiendo HTML (que seguiré por supuesto), pero ahora con este se hace más sencillo para esta plataforma :) Gracias

GENIAL :) Saludos

Muchisimas gracias por este post, una pregunta como puedo copiar y pegar una linea de codigo de htm pero sin que se corra el codigo, decir solo lo quiero mostrar y que la gente sea capaz de copiar y pegarlo, asi como tu hiciste para que nosotros veamos el "#Texto" sin que se corra el codigo de "#"

Hola @juanjorosale tienes que usar las comillas ``` arriba entre el código html en el link de Markdown style salen unos ejemplos en la parte de código ;) Saludos

Hola, un gran saludo. Guao... Muy informativo y excelente tu post para nosotros los novicios recién llegados a estas tierras . Muy agradecido.

¡Hola! Que bueno encontrar personas que aún se ayudan con este artículo ♥ Saludos

muy buenas las recomendaciones,
un novato agradecido

Excelente guía Gaby!

☺️🌟

Excelente post, me ayudo mucho, gracias

muy buen post, gracias

Muchas gracias por la información, yo soy de esos recién llegados a los que nos será muy útil.

Me contenta que lo hayas visto, ahora a sacarle provecho 😀💪

Muchas gracias me ayudaste bastante con mi ultimo vlog!

Excelente post hermano te felicito por tu post me srvio de mucho.

Agradecido Exitos y bendiciones.

EXCELENTE

:) espero te sea de mucha ayuda

Excelente tutorial. muy acertado, tengo presente mucho de lo que comentas en mis post, sigue asi.

Hey muchas gracias por el post, sin duda de gran uso!!

Cheers

Este post es justo lo que buscaba! gracias mil!

Excelente contenido @gabystories! Muy detallado y explicativo. Agradecemos tu contribución

Gracias querida amiga. estoy segura que me servira de mucho.

increible post! podre hacer mis post como yo quiero jajaja el primero me quedo algo mal porque no sabia :c

Gaby, gracias por el post. No te imaginas lo útil que ha sido para mí. Follow, resteem y upvote sin pensarlo dos veces.

Está muy chévere tu post! Es de mucha ayuda y está bien hecho. Gracias.

Gracias, de verdad muy util para mi, ya que estoy comenzando en esta comunidad

Tome su Like Paisana

Ok eres la mejor, explicaste todo super, me encanta!! Recien estoy escribiendo mi primer post yme has ayudado a que no parezca tan neandertal ahhahahahaha super entendible todo <3 mi like no vale mucho aun pero igual te lo dejo :)

Excelente publicación!! Me ayudaste full jaja

Exelente post muchas gracias estoy haciendo mi introduceyourself y tu post me ha ayudado muchisimo. Gracias :D

Excelente, muy pero muy útil para nuevos usuarios como yo... Gracias

Hola, muy buen contenido, muchas gracias me ayudaste mucho, espero que veas mi blog y leas mi contenido y votes a favor, ya te di un voto a favor y también espero que me sigas

¡Hola! De verdad que esta publicación me ha sido de gran ayuda a la hora de redactar, crear y dar un toque fantástico a cada una de las publicaciones que he realizado. ¡Mil gracias! ♥¡Soy nuevo en esta grandiosa comunidad! ♥

Muy completa tu lección. La guardaré . Te dejo mi voto.

Cool, me ayudo bastante... Gracias.

Muchísimas gracias @gabystories me encanta tu forma de explicar las cosas. Te seguiré leyendo.

Gracias linda! Me alegra haber colaborado en tus inicios en esta plataforma

Hola, gracias por la información @gabystories, ¿hay algún código para colocar las letras de otro color?

gran aporte, muchas gracias me sirvió de mucho

Ahhhhhhhhhhhhhh... Lo amé, me has salvado de publicar cosas con una visual simple. <3 GRACIASSS <3
Muchas bendiciones para ti desde Venezuela. <3 :3 ;D

Gracias por los tips, me ayudaron mucho 😄

Muy completa la información.
Muy útil además.
Excelente publicación @gabystories
Muchísimas gracias.

JAJAJA Me tarde como 4 horas, yo creo que hasta mas para encontrar este botón de comentario y poder decirte gracias, mil gracias por tu ayuda!!! de verdad es muy valiosa todavía no logro hacer mi primer post porque no estoy conforme de como queda el final de mi presentación, sin mas, allí te envió mi voto y mil bendiciones mi linda! byeee

demasiado bueno e informativo tu publicaron. felicidades. 👍