Hola estimados amigos de steemit, en este post quiero compartirles unos cuantos trucos que he aprendido para realizar post casi profesionales y con muy buena cantidad, resaltando que todos los codigos que se explicaran aplican y funcionan en el cuerpo del post mas no en el titulo principal.
MODELOS DE T脥TULOS
Primero hay que resaltar que las publicaciones en esteemit utilizan c贸digos HTML, por tal raz贸n se utilizan esos par谩metros para realizar nuestras publicaciones.
Codigo de tama帽o de t铆tulos
TITLULO GRANDE
TITLULO MEDIANO
TITULO PEQUE脩O
CENTRAR T脥TULOS
Para centrar t铆tulos de acuerdo a la numeraci贸n (h1, h2, h3), agregamos el siguiente c贸digo a los extremos, ejemplo:
TITULO EN CURSIVA
Cabe resaltar que los t铆tulos al introducir el c贸digo de tama帽o se resaltan autom谩ticamente en negrita y para que nuestro titulo se ponga en cursiva agregamos un asterisco(*) antes del texto y otro despu茅s, tambi茅n se puede poner un guion bajo(_), siempre teniendo en cuenta que el tama帽o del texto que desee se define con(h1, h2, h3), ejemplo:
Si deseamos que nuestro titulo no baya centrado unicamente eliminamos el codigo "Center", ejemplo:
Como podemos ver solo es un juego de los c贸digos para dise帽ar nuestro t铆tulos, bueno avancemos con el texto.
UBICACI脫N DEL TEXTO
Cuando ingrese a steemit, este era el gran problema y complicaci贸n al momento de justificar el texto centrar o alinear, pero les voy a compartir los c贸digos para solucionar este problema.
Texto centrado
Para la demostraci贸n de los siguientes c贸digos tomaremos una frase, disculparan el romanticismo jjj, nos daremos cuenta que no hay mucha diferencia con los c贸digos vistos anteriormente, solo hay que saber cubicarlos, para cuando combinemos los c贸digos no nos de error, ejemplo:
RESULTADO
Texto en cursiva
Para que nuestro texto aparezca en cursiva agregamos al c贸digo al empestar el texto un asterisco(*), o a su vez un guion bajo(_) de igual manera al final de mismo, ejemplo:
RESULTADO
Texto centrado y negritas
Para que nuestro texto aparezca centrado y negrita agregamos al c贸digo al empestar el texto dos asteriscos(**) de igual manera al final de mismo, ejemplo:
RESULTADO
Texto centrado, cursiva y negritas
Para que nuestro texto aparezca centrado, cursiva y negrita agregamos al c贸digo al empestar el texto tres asteriscos( *** ) de igual manera al final de mismo, o a su vez ( **_ ), ejemplo:
RESULTADO
Texto Justificado
Esta es la parte que mas problema me dio, pero este es el c贸digo el cual hace que nuestro texto se justifique y nuestros post queden elegantemente fant谩sticos, ejemplo:
RESULTADO
Texto Justificado y cursiva
Como hemos visto en ejemplos anteriores es solo combinar los c贸digos, para que se vea nuestro texto justificado y en cursiva agregamos al c贸digo un asterisco(*) o a su vez un guion bajo(_) al principio del codigo y al final del mismo, ejemplo:
RESULTADO
Texto Justificado, cursiva y negrita
De la misma manera combinamos los c贸digos, para que se vea nuestro texto justificado, cursiva y negrita, agregamos al c贸digo tres asteriscos( *** ) o a su vez un guion bajo mas dos asteriscos( _** ) al principio del codigo y al final del mismo, ejemplo:
RESULTADO
Texto de cita bibliogr谩fica
Cuando queremos dar a conocer o evidenciar que el texto que estamos poniendo es una cita de un libro o de alg煤n lado de la web ingresamos el texto con el siguiente c贸digo, al principio del texto pondremos el signo del mayor que, mas un guion bajo( >_ ) y al final del mismo un guion bajo( _ ), tambien funciona con el asterisco( * ), sabemos que las sitas se representan en cursivas y entre comillas lo que aremos es justificar y darle el toque secreto, como observaremos el texto pierde su opacidad y se diferencia del resto del contenido, ejemplo:
RESULTADO
"Si sumas todas las estrellas del cielo, todos los granitos de arena en los oc茅anos, todas las rosas en el mundo y todas las sonrisas que haya habido en la historia del mundo, empezar谩s a tener una idea de cu谩nto te quiero."
Con esos peque帽os trucos o manejo de c贸digos podremos aportar a la comunidad con post de mayor calidad, se preguntaran desde el principio del post como ubico la imagen a los lados el texto primero o al fina?, pues vamos a la siguiente secci贸n de im谩genes.
UBICACI脫N DEL IM脕GENES
Otro de los inconvenientes que se me presento era la ubicaci贸n de las im谩genes, centrar, a la derecha, izquierda, con texto sin texto, con cita etc. Lo cual veremos a continuaci贸n.
Imagen centrada
Para que nuestras imagenes se ubiquen al centro del post, realizaremos el siguiente proceso, por defecto steemit al ingresar una imagen nos dara un enlace como este.
del cual copiaremos solo el enlace de la imagen como observamos en la imagen lo que esta de color rojo, a ese enlace agregaremos el codigo de centrado que ya es muy familiar y quedara de la siguiente manera.
Y Listo, con un resultado final as铆隆隆隆隆隆隆隆
IM脕GENES MAS TEXTO
Esta es la parte de la combinaci贸n de los c贸digos que ya hemos utilizado anteriormente mas unos c贸digos adicionales , ya hemos visto todo lo referente a textos ahora vamos a cimentar la vista y dise帽o de nuestro post combinando margen mas texto a los lados que el usuario desee.
Imagen a la izquierda y texto a la derecha justificado
Para esta demostraci贸n utilizaremos el mismo p谩rrafo y imagen ingresado anteriormente, primero definiremos el c贸digo de encabezado principal especificando al lado que se ubicara la imagen, teniendo en cuenta que para la izquierda utilizaremos "pull-left" mas el justificado del texto, posteriormente el enlace da la imagen entre el c贸digo y adicional-mente agregaremos un titulo al texto para que quede de mejor manera, lo cual el c贸digo nos quedara de la siguiente manera.
Lo resaltado con rojo es el enlace de la imagen el cuan ingresaremos como lo hicimos anteriormente, resaltando que luego de este c贸digo se ubica el texto deseado el cual con la codificaci贸n realizada se ubicara y alineara sin problema, d谩ndonos el siguiente resultado final.
EL ROMANTICO
Si sumas todas las estrellas del cielo, todos los granitos de arena en los oc茅anos, todas las rosas en el mundo y todas las sonrisas que haya habido en la historia del mundo, empezar谩s a tener una idea de cu谩nto te quiero.
Imagen a la derecha y texto a la izquierda justificado
Se sorprender谩n lo maravilloso que es esto para que nuestra imagen se ubique a la derecha y el texto a la izquierda dolo cambiamos las siguiente palabra en vez de left ubicaremos right qued谩ndonos de la siguiente manera "pull-right" y el resto de c贸digo es el mismo, qued谩ndonos de la siguiente manera.
Lo resaltado con rojo es el enlace de la imagen el cuan ingresaremos como lo hicimos anteriormente, resaltando que luego de este c贸digo se ubica el texto deseado el cual con la codificaci贸n realizada se ubicara y alineara sin problema, d谩ndonos el siguiente resultado final.
EL ROMANTICO
Si sumas todas las estrellas del cielo, todos los granitos de arena en los oc茅anos, todas las rosas en el mundo y todas las sonrisas que haya habido en la historia del mundo, empezar谩s a tener una idea de cu谩nto te quiero.
Imagen a la derecha o izquierda y texto a la izquierda o derecha justificado mas fuente en la imagen
Para darle mas lujo a nuestro pos agregaremos la fuente de donde se obtiene la imagen de tal manera que a dar clic en la fuente nos diseccione al lugar de donde obtuvimos la imagen, este c贸digo se puede utilizar a cualquier lado que decida ubicar la imagen, para el ejemplo utilizare la imagen a lado derecho, el c贸digo nos queda de la siguiente manera.
Lo resaltado con rojo es el enlace de la direcci贸n de donde proviene la imagen, y lo subrayado con rojo luego de FUENTE es la direcci贸n que aparecer谩 debajo de nuestra imagen, resaltando que luego de este c贸digo se ubica el texto deseado el cual con la codificaci贸n realizada se ubicara y alineara sin problema, d谩ndonos el siguiente resultado final.
EL ROMANTICO
Si sumas todas las estrellas del cielo, todos los granitos de arena en los oc茅anos, todas las rosas en el mundo y todas las sonrisas que haya habido en la historia del mundo, empezar谩s a tener una idea de cu谩nto te quiero.
EMOJIS
Finalmente estimados amigos para que nuestros post queden completamente bien elegantes, realmente reescribirlo ac谩 seria redundar les dejo la direcci贸n de un post que contiene la mayor铆a de los emojis a utilizar es un trabajo realizado por @blueorgy, la direcci贸n del post es la siguiente, Steemit Emojis Master List .
Si les gusto, valora mi trabajo, espero tu like y s铆gueme para m谩s post como este, por favor cualquier inquietud d铆ganmelo a trav茅s de los comentarios que con gusto responder茅 cada una de sus interrogantes, saludos a todos y gracias por su tiempo.
