Durante cierto tiempo he estado llevando educación a la plataforma en lo que se refiere a Blockchain, criptomonedas, finanzas, etc. Sin embargo, en esta publicación quiero mostrarles algo distinto, ya que he visto a usuarios nuevos en este tipo de plataformas pasando por bastantes dificultades al momento de publicar un post, bien sea por el Markdown, el HTML o las dimensiones de las imágenes para que encajen perfectamente en las publicaciones.
Por esta razón les mostrare las herramientas y códigos que yo utilizo para poder maquetar una publicación en un periodo de tiempo corto y que no nos lleve tanto trabajo, de manera de poder ser un poco más productivos al traer cualquier tipo de contenido.
Sin más preámbulos comencemos…
Dimensión o tamaño de imágenes
Portada:
Lo primero que realizo antes de publicar, es realizar una portada, existen muchas formas de poder hacerla, ya sea con programas profesiones como illustrator, photoshop, o plataformas online como canva, ya esto queda a gusto de cada uno de ustedes, una vez tenemos esta imagen, siempre nos preguntamos qué dimensiones son las ideales para que nuestra portada se vea excelente.
Para esto yo utilizo la siguiente plataforma:
Primero nos registramos esto es realmente sencillo, solo debemos colocar nuestro correo electrónico, posteriormente dirigirnos a él, copiar la clave que nos envían e iniciar sesión. Ya con una sesión iniciada haremos lo siguiente:
Ya con todo esto claro, les diré que dimensiones utilizo para las imágenes, las cuales se hacen ideales dependiendo de en donde las colocaremos.
320x240: Estas dimisiones son realmente buenas para colocar imágenes del lado derecho o el izquierdo respectivamente, es decir, que independientemente del tamaño que tenga la imagen original esta se ajustará y será perfecta para colocar la misma en sus publicaciones.
640x480 / 800x600 / 1024x768: Estas dimensiones son las adecuadas para poder colocar una portada, todo dependerá de cómo vean cada uno de ustedes la calidad de la imagen en sus publicaciones. Nuevamente repito, no importa el tamaño original de la imagen, al cargar la misma en esta plataforma esta se ajustará a estas dimensiones.
Por ultimo al cargar una imagen, la plataforma les suministrara varias opciones, por lo que la que deben elegir se las señalare en la siguiente imagen:
Espero les sea de utilidad esta plataforma, en realidad me ha servido muchísimo para dejar de preocuparme por el tamaño de las imágenes y que estas encajen en cada una de las publicaciones que realizo.
Códigos Markdown / HTML
Muchos cuando iniciamos presentamos problemas con el maquetado de nuestras publicaciones, en el tiempo que he trabajado en estas plataformas he aprendido muchos de estos códigos necesarios en Markdown y HTML, para tener una publicación de calidad, ordenada y llamativa. En tal sentido les mostrare cuales son y para qué sirven.
Tamaños y encabezados
Ejemplo:
<h1>Texto</h1>
<h2>Texto</h2>
<h3>Texto</h3>
<h4>Texto</h4>
<h5>Texto</h5>
<h6>Texto</h6>
Resultado:
Texto
Texto
Texto
Texto
Texto
Texto
Texto en Negritas
Ejemplo: <b>Texto</b>
Resultado: Texto
Texto en Cursiva
Ejemplo: <i>Texto</i>
Resultado: Texto
Justificar texto
Ejemplo:
<div class="text-justify">Esto es un texto de prueba para corroborar la justificación del mismo en cuanto al maquetado en cada publicación, todo con el fin de que nuestros escritos puedan verse entre líneas lo más ordenado posible.</div>
Resultado:
Textos alineados a la derecha e izquierda justificados
Nota importante: Si quieren quitar el justificado al texto, basta con retirar el siguiente código:
<div class="text-justify">
Ejemplo:
<div class="text-justify"><div class="pull-left">Esto es un texto de prueba para corroborar la justificación del mismo en cuanto al maquetado en cada publicación, todo con el fin de que nuestros escritos puedan verse entre líneas lo más ordenado posible.</div></div>
<div class="text-justify"><div class="pull-right">Esto es un texto de prueba para corroborar la justificación del mismo en cuanto al maquetado en cada publicación, todo con el fin de que nuestros escritos puedan verse entre líneas lo más ordenado posible.</div></div>
Resultado:
Esto es un texto de prueba para corroborar la justificación del mismo en cuanto al maquetado en cada publicación, todo con el fin de que nuestros escritos puedan verse entre líneas lo más ordenado posible.
Esto es un texto de prueba para corroborar la justificación del mismo en cuanto al maquetado en cada publicación, todo con el fin de que nuestros escritos puedan verse entre líneas lo más ordenado posible.
Agregar salto de línea (Separación entre textos)
Código: <br>
`
Separador de texto en códigos
Ejemplo:
<hr /><hr>
Resultado
Agregar Sangría
Ejemplo:
<div class="text-justify"> Esto es un texto de prueba para corroborar la justificación del mismo en cuanto al maquetado en cada publicación, todo con el fin de que nuestros escritos puedan verse entre líneas lo más ordenado posible.</div>
Resultado:
Tabla de contenidos
Ejemplo:
Titulo | Descripcion
--------- | --------------
Titulo 1 | contenido 1
Titulo 2 | contenido 2
Titulo 3 | contenido 3
Resultado:
| Titulo | Descripcion |
|---|---|
| Titulo 1 | contenido 1 |
| Titulo 2 | contenido 2 |
| Titulo 3 | contenido 3 |
Citar texto
Ejemplo:
> <div class="text-justify">Esto es un texto de prueba para corroborar la justificación del mismo en cuanto al maquetado en cada publicación, todo con el fin de que nuestros escritos puedan verse entre líneas lo más ordenado posible.</div>
Resultado:
Esto es un texto de prueba para corroborar la justificación del mismo en cuanto al maquetado en cada publicación, todo con el fin de que nuestros escritos puedan verse entre líneas lo más ordenado posible.
Finalmente hemos llegado al final de esta publicación, espero que sea de mucha utilidad para aquellos usuarios que comienzan en este tipo de redes y puedan compartir sus contenidos de la forma más rapida y eficiente posible.
Excelente post Lenon, lastima que en algunas plataformas como Busy o Partiko algunos códigos no funcionen de la misma manera.
Por ejemplo en Partiko no veo nada justificado en tu Post.
Posted using Partiko Android
Muchas gracias hermano, tienes razón, voy a ir probando todas esas aplicaciones y plataformas y ver que codigos se ajustan o funcionan en ellas y dar recomendaciones mas exactas para cada una, asi los que mas escriben o publican por los diferentes medios puean tambien apoyarse.
Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.Congratulations! This post has been upvoted from the communal account, @minnowsupport, by Lenonmc21-[Erarium™]🚀 from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the
If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.
Hay códigos que desconocía siempre se puede seguir aprendiendo en Steemit
Gracias por leer @madefrance, hay mas codigos, pero estos son los mas basicos, posteriomente voy a ir publicando otros mas especificos para distintas acciones, para que tambien puedan apoyarse.
aquí. No te olvides de seguir promocionando tus publicaciones en nuestro Discord.Repollo es un proyecto que tiene como misión entregar recompensas a todos los creadores de contenido. Tú puedes recibir un voto de Repollo siempre si decides adquirir una membresía delegando desde 50 SP. @cervantes apoya a Repollo, Puedes votar por ellos como Witness
Muchisimas gracias por el apoyo @beberepollo
Hola mi bello.
Excelente trabajo, me ha servido muchísimooooooooooooo. Gracias por siempre estar allí.
Eres un gran maestro, entendí perfectamente, más aún, mis problemas de maquetados de fotos llegarán a su fin.
Eternamente agradecida.
Se te quiere mucho en la distancia pero no en el olvido 😘😘😘
Muchisimas gracias por leer corazón @maleidamarcano, espero pueda servirte de verdad, mas adelente publicare un post mas con otros codigos distintos que sean de utilidad para todos.
Gracias Hermano buen post sigue, asi bro
Gracias hermano @dantexsan, toma esos codigos de referencia para que puedas maquetar tus post y asi tener mayor visualización.
Muy agradecido por el apoyo @mayvileros
Gracias por siempre apoyarme chicos. un gran abrazo @rutablockchain