Dándole estilo a tus textos

in spanish •  7 years ago  (edited)

Dándole Estilo a tus textos.png

¡Hola! Buenas noches, por acá les escribe @gabystories, estaré colaborando con @jocra y @efrageek en algunos posts, en esta oportunidad les comparto una pequeña guía de estilo con ejemplos, tomando en cuenta el markdown style y el 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
Fuente

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, no se porqué 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 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 enlazado 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.

Saludos, hasta el próximo post.


Conceptos básicos

Academia ProVenezuela: ¿Qué es una Criptomoneda?


Guías de como mover tus fondos de Steemit

1. Como mover STEEM o STEEM Dolar a Poloniex y Bittrex (Casas de cambio de criptomonedas)
2. Como mover BTCs a LocalBitcoins y cambiarlo a su moneda local.
3. Maneras alternas en como pasar o usar su BTCs en dinero más fácil de usar.

__

Puedes contactarnos además en el chat de Discord, a través del grupo de WhatsApp o en nuestra fan page

FACEBOOKpv[679].jpg

Proyecto Venezuela es una iniciativa independiente que busca promover la adopción masiva de las tecnologías basadas en Blockchain en Venezuela. No dejes de seguirnos para estar enterado de nuestras noticias y actividades. También te recordamos leer nuestro White Paper para saber más acerca de nosotros.

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:  

Magnífico artículo @provenezuela, posiblemente vuelva aquí varias veces para consultarlo. Un saludo :)

Excelente Post...me lo recomendó @enfocate...20 puntos...gracias por compartirlo!!!...Genial👍

Necesitaba esta info demasiado. Gracias

Esto ayudará a muchas personas.

Esperamos que así sea :)

tome su voto amigo mío gracias por la información

Sencillo y muy explicativo! muchaas gracias hace tiempo que necesitaba esa información! saludos

¡Que bueno que pudimos contribuir con eso! Saludos

Se lleva mi voto es el más completo que he visto y más sencillo, de paso da 2 opciones por si uno prefiere el html o el otro.

¡Así es! Conocer las 2 opciones siempre son de mucha ayuda :). Saludos

This post has been ranked within the top 10 most undervalued posts in the first half of Jul 18. We estimate that this post is undervalued by $21.41 as compared to a scenario in which every voter had an equal say.

See the full rankings and details in The Daily Tribune: Jul 18 - Part I. You can also read about some of our methodology, data analysis and technical details in our initial post.

If you are the author and would prefer not to receive these comments, simply reply "Stop" to this comment.

Woao! Gracias por estos consejos, en verdad son muy útiles al momento de escribir los posts! Buena iniciativa.

Ahora a escribir posts con estilacho :)

Vaya que me ayudó!

Si que nos contenta poder ayudarte 👏

Excelente información con esto se me hará mucho mas fácil.

Esa es la intención. Me alegro que te sirva @lenonmc21 !

Justo ayer había publicado un post similar, pero lo guie más hacia la rama del HTML jajajaja! Igual me pareció muy útil la información que encontré aquí, no sabía que podía ser hasta más sencillo.

Aquí les dejo mi post: https://steemit.com/html/@maerod/como-mejorar-tus-publicaciones-en-steemit-usando-codigos-html

Saludos!

Siempre es bueno que exista en la red mucha información sobre esto. Así todos los usuarios lo consiguen.

Gracias por comentar @maerod

Gracias por la iniciativa de explicar como mejorar nuestros post ;)

De nada, más bien nos alegra haber sido de ayuda en mejorar sus posts :)

Gracias por el aporte, esta genial.

Muchas gracias... Me has ayudado muchísimo.

Siempre tan útiles este tipo de post.. Gracias.

Gracias a ti por comentar @emitao

Buenísimo, muchas gracias por la ayuda !

Muchísimas gracias de verdad lo necesitaba como no tienes idea! Saludos

Nos alegra haber podido ayudarte :D

Me parece genial tu publicación, sobre todo a los que estamos iniciando en Steemit. ¡No te imaginas lo que me costó centrar mis imágenes en el primer post que publiqué y tan facil que es!

Que tremenda guía @provenezuela.
Con esta información ahora si podré dejar mis publicaciones como me gustan.

Llegue a esta publicación gracias a una amiga y de verdad me sirvió muchísimo, gracias!!

Excelentisimo post, que bueno es tener a personas que le faciliten un poco las cosas a los que apenas se están iniciando en esto, que bellos todos <3

volveré quinientas veces a este post, para ver cuales son los códigos que necesito.. jajajajajajaja acá falto el código para justificar el texto.. igual me fue de super ayuda. Saludos.

@rossingway para justificar texto se tiene que hacer por HTML, pero si existe.

Bueniiiisiiimo! esto estaba buscando desde hace unos días..
Aun hay cosas que quisiera saber :( como por ejemplo como justificar el texto.? Pero bueno sera para una próxima entrega!! a ponerle estilo a mis post!! ;) Gracias!!

Muyy bien gracias por tan anhelada informacion

Muchisimas gracias por este post me ha ayudado enormemente.

Muy útil el artículo, ya me preguntaba como hacer más amigables y atractivos al lector los escritos y esta lectura me ha dado la respuesta muchas gracias.

Muchas gracias estoy experimentando con cada uno de los códigos en mis nuevos artículos, la información es muy útil, un abrazo.

Amigo que buen articulo, me fue de gran ayuda ¡saludos! soy nueva en la comunidad, espero y se pasen para que me apoyen, gracias♥ @lauramchz