Guía para dar formato a los post de Steemit; Dar una mejor apariencia 📃

in spanish •  7 years ago  (edited)

📃Un post para ayudar

GFGFG_copy.png

Un par de amigos me preguntaron cómo dar formato y cómo lograba hacer que luciera mejor mis textos, ¿como los justificaba? y ¿como los alineaba? así que decidí realizar un post para enseñarles y mostrarles una forma más detallada de tal información. Mejorar cada vez más los post, es un arte y a medida que aprendemos todos los tips logramos perfeccionarlos.

Daré un buen uso de este post y explicaré con lujo de detalle todo acerca del Markdown al final de la página.

Para que puedas entrar y copiar tus comandos de forma más rápida pondré los códigos en primer lugar y luego explicare todo en las páginas consecutivas.

Centrar Texto

Para centrar el texto usamos el siguiente código de principio a fin:
<center>💬</center>

<center> Este es un claro ejemplo de cómo centrar, encierra el texto con los comandos </center>

Este es un claro ejemplo de cómo centrar, encierra el texto con los comandos

Justificar texto

Para justificar el texto usamos el siguiente código de principio a fin:
<div class="text-justify">💬</div>

<div class="text-justify"> Este es un claro ejemplo de cómo justificar, encierra el texto entre los comandos, podrás empezar un post y en la última página poner el comando de cierre.</div>

Cursiva en el texto

Para el texto en cursiva usamos el siguiente signo: (*) “asterisco” de principio a fin:

*“Haz el amor y no la guerra”* - John Lennon.

Resultado:

“Haz el amor y no la guerra” - John Lennon.

Citar texto

Para citar el texto utilizas el signo de (>) “Mayor que” al principio de la entrada. Si ya lo notaste ejecute este comando anteriormente en el texto de arriba aquí el ejemplo:

"Aquel que más posee, más miedo tiene de perderlo" – Leonardo Da Vinci.

Muy bien ya tienes los comandos más usados a la hora de elaborar un post.

Pero te tengo aún más

que te parece unos estilos especiales de caracteres

Links : [titulo del link](dirección web "URL")
titulo del link

uso este comando a la hora de reemplazar la dirección web completa por un título a la hora de dar mis fuentes o direcciones web.

**NEGRITA** ---- NEGRITA
~~TACHADO~~ ---- TACHADO
*CURSIVA*----CURSIVA

Muy bien, ahora saltamos a la edición del texto a forma "Magazine". Donde la imagen se encuentra a la izquierda o derecha del texto.

usando un post anterior como ejemplo:

De pelo claro, y piel blanca de tal amanecer vas levantando tu espíritu... Arropada de finas sabanas, abriendo tus bellos ojos acariciando tus delicadas manos junto a la cama. Despiertas una vez más para brindar tu alegría a aquel sol Cálido, llena de inspiración. En el balcón despertando la alegría de vivir otro día más, de estar contenta sin ningún motivo en especial, de entregar eso que despertó muy adentro de ti, eso que quisiste ser, eso que estaba dormido, o que nunca habías sentido, ese cariño y ese amor incondicional hacia todo lo que te rodea, tú estás viva y serás tú quien me salve en esta vida. El amor eres tú en este momento.

Cupido by @Omarydler 🇻🇪

Muy bien para lograr este efecto solo tenemos que usar el siguiente comando:
<div class="pull-right">(🏞imagen)</div>(💬texto)

<div class="pull-right">https://steemitimages.com/DQmaqQfa3Xk7o4uhhy2qVZS44nk9AjC23ALMY6cFMrXb82U/image.png
</div>De pelo claro, y piel blanca de tal amanecer vas levantando tu espíritu... Arropada de finas sabanas, abriendo tus bellos ojos acariciando tus delicadas manos junto a la cama. Despiertas una vez más para brindar tu alegría a aquel sol Cálido, llena de inspiración. En el balcón despertando la alegría de vivir otro día más, de estar contenta sin ningún motivo en especial, de entregar eso que despertó muy adentro de ti, eso que quisiste ser, eso que estaba dormido, o que nunca habías sentido, ese cariño y ese amor incondicional hacia todo lo que te rodea, tú estás viva y serás tú quien me salve en esta vida. El amor eres tú en este momento.

Note que entre el texto no esta el comando de justificar div class="text-justify" tiene que agregarlo posteriormente.

para poner la imagen de lado izquierdo solo cambiamos la expresión "pull-right" alternando por "pull-left" entonces nos queda así...

usando un post anterior como ejemplo:

Luz en mi, resplandeciente danzar //Verso poético by @Omarydler 🇻🇪

Amor... amor, era yo esperando sin sentido Sentado en el banco roto de la plaza donde ella bailaba miraba su silueta como si un hada danzara con luces de colores que destellaban mientras dejaba su cuerpo ser acariciado por el viento se marchaba... corrí tras sus pasos para alcanzarle las alas pero caí como caen los ángeles lastimándome el alma por querer atraparla y aun así la seguía buscando por llevarla tan presente en mi alma.

Por un instante no la encontré más, solo estaba yo en la plaza donde ella danzaba
Mientras esperaba desperté y allí estaba, justo ahí en lo más infinito de mi ser.

la luz más bella en mi haciéndome danzar al par de su compás, por un momento pensé que la tuve, en un momento muy especial...pero solo era un momento mágico en la isla de mi soledad.

Si te gusto este post, dale upvote y comparte un gran saludo!! - nueva etiqueta #steemtips

Fuentes consultadas para la elaboración de este post...!

Markdown-Cheatsheet
ghost
markdown.es

steem tips.png

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:  
excelente informacion hermano, para mi que soy nuevo me va ayudar mucho en mis proximas publicaciones, espero sigas dando mas tips para seguir aprendiendo. como podras observar ya lo puse en practica, justificando el texto

Gracias, excelente que te pueda ayudar esta información...al principio mis Post no lucían bien y le faltaban algo de alienación...ahora dedico un poco mas a mejorarlos para que puedan tener una mejor aceptación...ayudando me encontré con un par de cosas que no sabia, y es así como funciona. Una vez más gracias por comentar y compartir...un saludo!!

De nada, de verdad me ayudo mucho este post para mis publicaciones, siempre estoy pendiente de tus post para seguir aprendiendo.

Excelente

Espero te sirva mano, igualmente aun falta mas material, en la medida que lo vaya consiguiendo lo estaré compartiendo en un nuevo post :D

Agradecido hermano

Excelente guia amigo @oamrydler, gracias por refrescarnos la memoria con estos comandos, de verdad tiene muy buena presentación. Saludos!!

Gracias @juandaloko, quise ayudar y refrescar un poco, desempolvando esta información, y agregando el pull-right and pull-left del markdown que no esta a la mano. Gracias por estar pendiente y por tus upvotes...estamos en contacto espero por tus siguientes post!!

Congratulations @omarydler! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

gracias por esa información no sabia algunos me sirve mucho ya que soy nueva, agradecida saludos

Gracias a ti por comentar y compartir @gibetlinares, precisamente estoy en la creación de una etiqueta #steemtips junto a @worldcolor y @planetavioleta el cual anexo este tipo de información para los nuevos para que hagan de steemit y de sus publicaciones cada día un Post mejor. un saludo.

Muy instructivo el post..

Muchas gracias @bursatilonline ...y gracias por comentar un saludo!!

Gracias @omarydler siempre hace falta tener esta información a mano. Esta muy detallada y explicada.

@kiriatjrb muchas gracias, me alegra que te haya gustado y que pueda servir de una u otra forma... un saludo!

De gran utilidad, mil gracias amiga eres la mejor en esto

Gracias @omarydler. Muy útil tu post. Tengo unas preguntas con respecto a las imágenes o fotos que utilizamos para ilustrar nuestros post. Hasta ahora he utilizado solamente fotografías hechas por mí porque no quiero incurrir en faltas contra el derecho de autor.

Al respecto te hago tres preguntas y te agradezco anticipadamente por tus respuestas:

¿Qué recomendación me harías?

¿Cómo incluir fotografías disponibles en la Web?

¿Cómo colocar los créditos de esas imágenes hechas por otros?

Hola @topacioyacerina disculpa por no haberte respondido antes, estuve ausente de la plataforma, la recomendación mas acertada a la hora de publicar tu post, es apostar por que el contenido sea tuyo 100% original...

Has apostado bien, pienso que si publicas un contenido y haces tu foto por tus medios tendrás mas impacto en las personas, si en la web obtienes fotos de mejor calidad acerca de dicho contenido, también puedes usarlas no arremeterás contra los derechos del autor siempre y cuando señales en la leyenda donde has sacado la fotografía con su respectivo autor...Así tus lectores dan al visto bueno, el contenido escrito tiene un impacto del 80% estimo ese sea el que siempre sea por ti las imágenes tienen mas flexibilidad, puedes usarlas de la web libremente.

Checa esto

Puerto de la Cruz


fuente

Como veras la imagen que elegi tiene mas de 100 coincidencias en internet, la han usado muchas veces para referir ese sitio, asi que muchos de esos sitios web habran o no respetado los derechos del autor, asi que yo simplemente copio la direccion de la imagen con click derecho, pero en mi leyenda donde dice fuente pongo la URL del sitio web.
asi:
[fuente](http://www.secrettenerife.co.uk/2016/07/)
link de la imagen https://3.bp.blogspot.com/-HukOLznVnF4/V4zOCYaxulI/AAAAAAAAQC4/Iv_1i5TWM3YjgZVAO6ud5UeQAea0qcl9gCLcB/s640/3326818569_31caa77635_o.jpg

Espero te ayude saludos!!!

excelente post, me sirvio de mucho! buen trabajo