¡Qué gusto verte por acá! Y más porque viniste a aprender. En mi post anterior me dejaron excelentes comentarios que complementan muy bien lo que escribí, suceso que me hace ver que existe un interés en realizar posts de y con calidad, tanto en contenido, como en su presentación.
Si bien algunos curadores se centran en el contenido, la originalidad, lo inédito y que sea una publicación que respete a los usuarios y a la blockchain Hive como un todo, no podemos dejar de mencionar que la presentación de nuestros posts influye en cómo nuestros consumidores reciben y digieren lo que le damos. Y sí, algunos curadores toman en cuenta como un plus adicional y hasta determinante el maquetado y diseño de un post. Por tal razón, hoy te traigo un post que te puede ayudar a darle un toque distinguido a tus publicaciones.
Esta publicación que será corta y al punto, asumiendo que sabes lo básico sobre mark down y que sabrás cómo hacer uso de los códigos que compartiré contigo. ¡Empecemos!
Para agregar imágenes, gifs o textos del lado izquierdo
< CÓDIGO >
<div class="pull-left">LINK</div>
Donde está la palabra "LINK" colocas el enlace correspondiente. Sin embargo, el formato que usarás será sin paréntesis ni corchetes, solo el puro enlace que está DENTRO de los paréntesis.
Ejemplo:
Si el enlace original es así: ⬇️
Solo dejarás esto: ⬇️
https://files.peakd.com/file/peakd-hive/garybilbao/48HAKqCapSesYnKwKSK4nqc1iJrroTDFxr3NHxQWvtUWMuc5ecHJBQEg5GJosgXsDR.png
Quedando el código con el enlace así: ⬇️
<div class="pull-left">https://files.peakd.com/file/peakd-hive/garybilbao/48HAKqCapSesYnKwKSK4nqc1iJrroTDFxr3NHxQWvtUWMuc5ecHJBQEg5GJosgXsDR.png</div>
Y el resultado será este: ⬇️
Ahora, coloquemos un ejemplo con texto justificado.
En el cual puedes usar el código de apertura de justificar antes de todo, o bien, antes del texto. El efecto será el mismo. Y el de cierre, pues naturalmente, al final del texto.
Quedando el código así: ⬇️
<div class="pull-left">https://files.peakd.com/file/peakd-hive/garybilbao/48HAKqCapSesYnKwKSK4nqc1iJrroTDFxr3NHxQWvtUWMuc5ecHJBQEg5GJosgXsDR.png</div>
<div class="text-justify">
<p>
"Hay casos donde la mediocridad es evidente y no se puede ocultar; que algunos LA quieran premiar, NO le resta lo mediocre.
Hay casos donde la excelencia es evidente y no se puede ocultar; que algunos NO la quieran premiar, NO le resta lo excelente".</p></div>
Y el resultado será este: ⬇️
"Hay casos donde la mediocridad es evidente y no se puede ocultar; que algunos LA quieran premiar, NO le resta lo mediocre.
Hay casos donde la excelencia es evidente y no se puede ocultar; que algunos NO la quieran premiar, NO le resta lo excelente".
¿Sabías que puedes copiar los códigos usados en este post y pegarlos en la sección de comentarios para ir practicando...?
El código usado en el ⬆️ texto anterior es este: ⬇️
>>##### <div class="pull-left">*¿Sabías que puedes copiar los códigos usados en este post y pegarlos en la sección de comentarios para ir practicando...?*</div>
Para agregar imágenes, gifs o textos del lado derecho, solo basta con cambiar la palabra "left", por "right", e inmediatamente todo cambia. Fíjate:
< CÓDIGO >
<div class="pull-right">LINK</div>
Donde está la palabra "LINK" colocas el enlace correspondiente. Sin embargo, el formato que usarás será sin paréntesis ni corchetes, solo el puro enlace que está DENTRO de los paréntesis.
Ejemplo:
Si el enlace original es así: ⬇️
Solo dejarás esto: ⬇️
https://files.peakd.com/file/peakd-hive/garybilbao/48HAKqCapSesYnKwKSK4nqc1iJrroTDFxr3NHxQWvtUWMuc5ecHJBQEg5GJosgXsDR.png
Quedando el código con el enlace así: ⬇️
<div class="pull-right">https://files.peakd.com/file/peakd-hive/garybilbao/48HAKqCapSesYnKwKSK4nqc1iJrroTDFxr3NHxQWvtUWMuc5ecHJBQEg5GJosgXsDR.png</div>
Y el resultado será este: ⬇️
Ahora, coloquemos un ejemplo con texto justificado.
En el cual puedes usar el código de apertura de justificar antes de todo, o bien, antes del texto. El efecto será el mismo. Y el de cierre, pues naturalmente, al final del texto.
Quedando el código así: ⬇️
<div class="pull-right">https://files.peakd.com/file/peakd-hive/garybilbao/48HAKqCapSesYnKwKSK4nqc1iJrroTDFxr3NHxQWvtUWMuc5ecHJBQEg5GJosgXsDR.png</div>
<div class="text-justify">
<p>
"Hay casos donde la mediocridad es evidente y no se puede ocultar; que algunos LA quieran premiar, NO le resta lo mediocre.
Hay casos donde la excelencia es evidente y no se puede ocultar; que algunos NO la quieran premiar, NO le resta lo excelente".</p></div>
Y el resultado será este: ⬇️
"Hay casos donde la mediocridad es evidente y no se puede ocultar; que algunos LA quieran premiar, NO le resta lo mediocre.
Hay casos donde la excelencia es evidente y no se puede ocultar; que algunos NO la quieran premiar, NO le resta lo excelente".
Por los momentos, dejaré este post hasta aquí. En el próximo post te enseñará a hacer esto: ⬇️
Insertar enlaces dentro de un gif o foto. ⬆️
Si tienes alguna pregunta, un aporte u otra recomendación para mi o mis seguidores, el cajón de comentarios está esperando por ti.
Imagen usada en los ejemplos de este post
The rewards earned on this comment will go directly to the person sharing the post on Twitter as long as they are registered with @poshtoken. Sign up at https://hiveposh.com.
No sabía que se podía justificar en segmentos individualmente, yo siempre he justificado los totales xD
Congratulations @garybilbao! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s):
Your next target is to reach 25000 upvotes.
You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word
STOPTo support your work, I also upvoted your post!
Check out the last post from @hivebuzz: