Todos llegamos a la plataforma con muchas dudas y inclusos vemos post con una muy buena estructura y presentación, el día de hoy les explicare paso a paso los códigos Markdown que yo personalmente utilizo para cada una de mis publicaciones.
Títulos
Cuando es importante resaltar el tema del cual se hablará iniciar con un título siempre le dará una mejor presentación, si quieres que se vea atractivo es recomendable colocarlo en negrillas, aquí les daré un ejemplo de cómo hacerlo y ajustar el tamaño de las letras.
Título 1
Título 2
Título 3
Título 4
Título 5
# Título 1
## Título 2
### Título 3
#### Título 4
##### Título 5
De forma gradual se ira disminuyente el tamaño del título a medida que le agregamos # es decir, uno # letra más grande, cinco # letra más pequeña.
Justificación de Párrafo
Ciertamente un párrafo extenso tiene una mejor apariencia estando justificado, con este simple código conseguirás esa apariencia, con solo copiar y pegar modificas donde dice “Aquí escribir el texto que deseas ver justificado.”
<div class="text-justify"> Aquí escribir el texto que deseas ver justificado. </div>
Centrar Contenido
Tomando el mismo ejemplo de arriba puedes modificando “Contenido” puedes agregar ya sea texto o imágenes que quieras que se vean al centro de la publicación.
Ejemplo
<center>Contenido</center>
<center>Imagen</center> Hipervínculos
Para ingresar un hipervínculo puedes usar estos dos códigos explicados a continuación, para imágenes y texto cada uno separado para mayor compresión.
Ejemplo:
Con Texto
Mi perfil
[Mi perfil](https://steemit.com/@robinsonlgil)
Con Imagen
[](https://steemit.com/@robinsonlgil)
Derecha Izquierda para el contenido
Este puede ser uno de los códigos más utilizados y que de dan una gran apariencia en sus publicaciones, estructurar en contenido de un lago o del otro hace les dará una pariente tipo revista o página web de contenido, es válido para texto o imágenes.
contenido a la izquierda | contenido a la derecha |
|---|---|
<div class="pull-left">contenido a la izquierda</div> | <div class="pull-right">contenido a la derecha</div> |
Para modificar el estilo de la tipografía
Cursiva
Italic
**Negrillas** _Cursiva_ ~~Tachado~~ *Italic* Estructurar Imágenes
Aquí les traigo la que personalmente yo utilizo con mayor frecuenta, mis publicaciones están dedicadas mayormente a fotografías y cuando cantidades de imagen puede que el tamaño estropee un poco la publicación y esta forma les dará una mejor presentación cuando se trata de galería de imágenes.
|  | |
|---|
|Imagen|Imagen|Imagen|
|---|---|---|
| | | |
|---|
|Imagen|Imagen|Imagen|Imagen|
|---|---|---|---|
IMPORTANTE
Este es una de los códigos que más genera confusión, intentare explicarlo de una forma muy sencilla.
Iniciamos el comando colocando una barra vertical, sin dejar espacio colocaremos el link de la imagen y al finalizar el link cerramos con otra barra igual recordando que no puedes dejar espacio entre las URL y las barras, en caso de ser más de una imagen es proceso es igual, seria: barra link de la imagen luego colocamos barra y luego link de la imagen y cerramos con barra.
En la siguiente línea sin dejar separación de parrado colocaremos según el ejemplo arriba.
Citas
En caso te insertar textos que no sean de tu autoría es importante hacer una cita, y en Steemit es un muy sencilla realizarlo.
Ejemplo:
Citar texto iniciando con un singo de mayor que
>texto
Para finalizar, pero no menos importante quiero mostrarles como disminuir el tamaño de más imagines de una forma muy sencilla.
Ajustar tamaño de la imagen
Tamaño original
Ejemplos de ajuste de tamaño
Que cada imagen te haga viajar y puedas sentir, oler y tocar cada fotografía.
★R. GIL★
🍂
Muy interesante el post. Saludos 🤗
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Saludos pequeña, gracias por pasarte
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
muuuchas gracias amigo robinson.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Espero te sirva de gran ayuda
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
conseguí aquí par de tips que no conocía aún y que usare próximamente, conciso y muy bien estructurado todo, gracias por compartir.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Me alegra que fuese útil mi contenido, siempre es bueno compartir lo que se aprende
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Excelente aporte
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Siempre a la orden compinche
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Excelente Explicación amigo Robinson, Saludos. Reesteemeado
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Me alegra te fuera útil
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Genial este tutorial @robinsonlgil, buen trabajo
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Vocación a enseñar jajaja, me alegra que te gustara.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Me encanta el iconito con tu cara jaja
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Jajaja no se me ocurrio algo mas para dar los ejemplo jajaja :P
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
AL FIN HE ACLARADO MIS DUDAS, GRACIASSSSSSS
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Eso es falta de confiaza, siempre que quieras puedes preguntar.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
¡Hola @robinsonlgol! Excelente aporte para la comunidad, me gusto mucho tu post porque por fin entendí como ajustar el tamaño de las imágenes, no lo tenia muy claro, ni sabia si era posible.
Saludos
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
No todo es posible pero de seguro falta mucho por aprender, luego haré un post nuevo combinando algo codigos, espero les guste.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Muy bueno amigo. Te felicito amigo sin duda todo muy bien explicado. En mi blog tengi como poner el texto en rojo por si te interesa
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Este post son los que mas utilizó, luego haré uno con otros comandos y combinación de los que ya utilicé, gracias por pasarte a leer
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Que buena información amigo. gracias por tu ayuda, saludos.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Siempre a la orden, en el Discord de cervantes me puedes buscar, siempre dare una buena respuesta
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Me gustaría aprender lo de las imágenes, intente hacerlo en un post y no resulto :(
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Ya te explicare al privado, es muy fácil pero por un minimo detalle deja de funcionar
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
me gusto tu post me ha servido de gran ayuda, pues he estado buscando esos codigos. gracias
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Un gran aporte para los que iniciamos en steemit, gracias.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Gracias por cada una de tus recomendaciones
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit