HOY: ESTRUCTURA DEL POST Y FUENTES.
HOY: ESTRUCTURA DEL POST Y FUENTES.▿
Siempre,
Siempre,al entrar a una plataforma novedosa nos encontramos con que no sabemos cómo utilizarla, menos aún cuando somos totalmente neófito en el ámbito del HTML. Es así como sucede a miles y miles de nuevos usuarios que entran en Steemit. Así lo fue en mi caso, no tenía absoluta idea de cómo se manejaba el HTML, ni siquiera lo básico de ésto.
El HTML es la base de todo post estético visualmente, pero no se asusten, es realmente básico y los resultados que puedes lograr con simplemente ésto, es impresionante.
El HTML es la base de todo post estético visualmente, pero no se asusten, es realmente básico y los resultados que puedes lograr con simplemente ésto, es impresionante.▽
Estructurar tu post hará este mucho más llamativo y atractivo, porque claro, todos queremos ser vistos y gustados en Steemit, ¿cierto? Qué mejor que ser visto y gustado por tener tanto un buen contenido como que éste mismo sea realmente atractivo.
▽
Al tener un post visiblemente dinámico,
Al tener un post visiblemente dinámico,nos hará la lectura más fácil y mejor digerible. Nadie desea leer párrafos sobre párrafos sin ningún tipo de variación, separadores, imágenes y demás. Tener un post bien distribuido, el tema que tratarás quedará en la mente por más tiempo, no se verá como sobrecarga de información; lucirá ligero a la vista, incluso si es extenso.
▿
Aquí les traigo los comandos HTML que uso en mis post:
Aquí les traigo los comandos HTML que uso en mis post: ▻Espacio entre párrafos:
Un simple numeral con espaciado arriba y abajo.
"#"
▻Para organizar el texto con diferentes puntos.
Un guión con espacio luego de el.
Ejem: ( guión espacio párrafo )
Quedaría:
- Galleta
▻Para centrar
Dentro de > párrafo aquí <
Ex: < center > </ center > | Quita los espacios.|
Lo que quieres centrar
▻Para crear hipervínculos.
Ejem.: [El nombre del Vínculo](El link)
▻Para escribir en negrita.
Tan sólo se colocan dos guiones bajos o asteriscos al inicio y al final de la frase o palabra a resaltar.
negrita
negrita
▻Cursiva.
Igual que negrita pero se utilizaría solo un asterisco o guión bajo.
cursiva
▻El texto puede estructurarse con encabezados:
E1 "#"
E2 "##"
E3 "###"
E4 "####"
▻Para colocar la imagen a la derecha o texto.
< div class="text-justify">
▻Para colocar la imagen a la izquierda o texto.
< div class="text-justify">
▻ Para colocar el texto en un cuadrito:
Se coloca tres comillas (```) a cada lado del texto.
▿
Por último pero no menos importante, les presentaré la herramienta de la cual no podrán separarse una vez que comiencen a utilizarla, es la clave secreta de todo buen post estético.
PHOTOSHOP:
PHOTOSHOP: Herramienta digital que les permitirá editar, crear, diseñar un sin fin de cosas. Como por ejemplo, la primera imagen a colocar en nuestro post, será la miniatura de la misma, por lo cual deberá ser llamativa para atraer a los lectores.
▿
Acá, enseñaré lo básico de éste,
Acá, enseñaré lo básico de éste,cómo hacer sus subtítulos para cada punto a tratar en sus posts.
Una vez descargado e instalado el Photoshop, procederemos entonces a abrir el programa. Iremos a "Archivo>Nuevo", deberá aparecer un recuadro donde aparecerá la anchura y altura, irá en Anchura 700 y en consecuencia, 80 en Altura. No olviden colocar la imagen nueva con el fondo en "Transparente"
▿
Enseguida, vamos a la herramienta de Texto y se escribirá el subtítulo de nuestro punto a tratar. Pueden acomodar el texto a su preferencia, agrandar y empequeñecer como deseen; Al igual que con la fuente que más les agrade junto con el color.
Tip:
Si el fondo transparente no les permite ver con claridad lo que hacen, vayan a "Capa 1" y la pintan de blanco.
▿
Creamos una nueva capa, en el ícono de hoja que se encuentra en la parte inferior de las capas.
▿
Iremos luego a la herramienta de degradado. Si les aparece otro ícono en ese lugar, sólo dejen apretado el click sobre ella y les aparecerá las demás opciones; entre ellas, la de degradado.
▿
1. Iremos al recuadro de degradado para elegir el color con el cual lo queramos hacer.
2. Habrá que dar click en el pequeño ícono de color.
3. Luego, haremos click sobre el cuadro de color que se encuentra debajo de Opacidad, lo cual hará aparecer otro recuadro con la gama de colores. Se elegirá el color de su preferencia y por último, daremos click en "Ok".
▿
Aplicaremos el degradado sobre la nueva capa que habremos creado, yendo luego a ésta capa para darle doble click, deberá aparecer una serie de opciones. Iremos a "Crear máscara de recorte"
▿
Procederemos a dar click en "Edición" > "Transformación libre" o, Ctrl+T. para manipular la capa.
▿
Ya que este degradado es un poco difícil de verse por tener poco espacio para realizarse, bajaremos esta capa hasta la mitad del texto, viéndose este desde más oscuro al más claro. Luego, en la flecha para aceptar los cambios realizados.
▿
Se deberá quitar la visibilidad de la capa que dibujamos de blanco para poder ver lo que hacemos, no se olviden de éste paso. Luego se irá a "Archivo" > "Guardar como..."
▿
Por último, elegiremos la opción de "PNG", no puede ser otra ya que no dejará el fondo transparente. Para finalizar, Guardar.
▿
▽
TIP APARTE.
Si no desean descargar Photoshop, pueden utilizar la herramienta en línea Pixlr editor, es el Photoshop online sin descarga, cumple funciones básicas de Ps más no es exactamente igual, sin embargo les puede funcionar excelente.
▽
Éstos son unos de los pasos que llevo a cabo para que mi post se vea estético.
Por favor, da un Reestem para difundir la información y ayudar a muchos nuevos usuarios.