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★
🍂
muuuchas gracias amigo robinson.
Espero te sirva de gran ayuda
AL FIN HE ACLARADO MIS DUDAS, GRACIASSSSSSS
Eso es falta de confiaza, siempre que quieras puedes preguntar.
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.
Me alegra que fuese útil mi contenido, siempre es bueno compartir lo que se aprende
Excelente aporte
Siempre a la orden compinche
Excelente Explicación amigo Robinson, Saludos. Reesteemeado
Me alegra te fuera útil
Genial este tutorial @robinsonlgil, buen trabajo
Vocación a enseñar jajaja, me alegra que te gustara.
Me encanta el iconito con tu cara jaja
Jajaja no se me ocurrio algo mas para dar los ejemplo jajaja :P
Muy interesante el post. Saludos 🤗
Saludos pequeña, gracias por pasarte
¡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
No todo es posible pero de seguro falta mucho por aprender, luego haré un post nuevo combinando algo codigos, espero les guste.
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
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
Que buena información amigo. gracias por tu ayuda, saludos.
Siempre a la orden, en el Discord de cervantes me puedes buscar, siempre dare una buena respuesta
Me gustaría aprender lo de las imágenes, intente hacerlo en un post y no resulto :(
Ya te explicare al privado, es muy fácil pero por un minimo detalle deja de funcionar
me gusto tu post me ha servido de gran ayuda, pues he estado buscando esos codigos. gracias