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
Contenido
<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
Negrillas
Cursiva
Tachado
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★
🍂
Apreciaría tu opinión así que no temas comentar
Servidor de consejos fotográficos
