¿Cómo incluir Separadores de Texto en mi Blog?

in #spanish6 years ago (edited)

Desde que la redacción de un blog se ha vuelto una rutina bastante atractiva en Steemit, el proyecto en alza @stemeandoando; al cual pertenezco, plantea como uno de sus objetivos practicar la gestión del conocimiento facilitando a los usuarios los recursos para estilizar, estructurar y ordenar cada vez más sus publicaciones de forma que estas sean agradables a la vista del lector. Véase su reciente lanzamiento.

Es por ello que el propósito de este artículo es explicar detalladamente el uso de los separadores en los textos de sus blogs.

separadores.png

Primero que todo, es necesario saber que si deseas darle algún estilo de formato (justificado, doble columna, etc) a algún párrafo en particular es imprescindible que aprendas a ingresar separadores de texto de forma que no todo el artículo tome el mismo formato.

Los separadores de texto son líneas horizontales que se utilizan para separar las secciones de los documentos. Bobuu, 2009.

Al ingresar los separadores es importante destacar que en caso de que no se vea inmediatamente el resultado en la vista previa es necesario hacer un espaciado antes y después del código del separador ingresado. Por acá compartimos algunos ejemplos de separadores, desde los códigos más sencillos de ingresar, hasta imágenes que puedes tomar de internet respetando siempre el derecho de autor de libre uso o creadas por ti mismo.

Separadores sencillos usados con frecuencia:

  • Simplemente ingresas en el html tres astericos juntos (***), o tres guiones (---), o bien sea tres guiones bajos (___) y automáticamente se colocará el separador más fino que es una línea horizontal semi-transparente. Reimerlin, 2017. Ejemplo:

    ***
    ---
    ___
    

Te quedará así:



  • Según Hazunaweb, otra manera de incluir esa línea es escribiendo el siguiente elemento:

    <hr>
    

Lo cual quedará de la misma manera:



  • El separador de insertar un espacio en blanco, o lo que también llamamos salto de línea, o doble espaciado se utiliza para casos en los que al justificar el texto se colocan todos los párrafos continuos o todo pegado (Librosweb), entre otros casos, simplemente ingresa:

     <br>
    


  • Y por último, de acuerdo al tutorial de Ulpgc, un separador comúnmente usado para indicar el principio y el fin de un párrafo son las siguientes marcas al inicio y final:

  <P>
  Este sería el primer párrafo. Este sería el primer párrafo. Este sería el primer párrafo.
  </P>
  <P>
  Este sería el segundo párrafo. Este sería el segundo párrafo. Este sería el segundo párrafo.
  </P>


Separadores tipo imágenes:

Este tipo de separadores los puedes ubicar fácilmente en internet sin costo adicional a través de algún buscador introduciendo una frase clave como “Separadores de texto” siempre y cuando éstos sean libres de usar verificando el derecho de autor. Una vez seleccionado copias el link de la imagen deseada para luego ingresarlo en la redacción de tu post justo en el lugar donde quieres realizar esa separación de párrafos. Otra opción sería guardar la imagen en tu computador y luego ingresarla de la misma forma que lo haces con cualquier otra imagen. Recuerda siempre agregar al final de tu post la fuente de esa imagen. Si es un separador diseñado por ti mismo no está de más indicarlo también al final de tu post.

Acá puedes ver varios ejemplos de separadores que puedes utilizar, la mayoría son largos y horizontales, si te gusta alguno que sea más corto que lo usual entonces deberás centrarlo para que se vea muy bien en tu post:

Separador8.png



DQmRwqAEcjJSnYZWjXfPVJJwtA2yUbRzYHWBNuQNGdSQQEN_1680x8400.png





En el caso de estos separadores provistos como ejemplo se ha colocado el link de la fuente en la misma imágen al hacer click sobre ella.

El mayor deseo es que esta publicación haya sido de gran ayuda para ti y puedas empezar a hacer uso de estas herramientas.

Sígue nuestro proyecto en @stemeandoando.

Así mismo, puedes unirte a nuestro canal en Discord: https://discord.gg/9dcpSQx en el cual encontrarás varias salas que permite la participación abierta de todos.

firma.png

@dacamero



¡¡Seguiremos stemeando en el próximo post!!

Sort:  

Muchas gracias por tu aporte.
Me gustaron

Dani, que bonitos! Me llevare algunos ;)

Gracias joke ;)

Veo que estas poniendo en práctica las propuestas, excelente y de gran ayuda, felicitaciones.

Excelente publicación, gracias por lo didáctico del mismo. Espero pronto ponerlo en practica.
Seguimos stemeando

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by DaCamero from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the 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.

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.

Excelente post, saludos y muchos éxitos con esta nueva iniciativa!!!

Gracias por compartir tus conocimientos aprendí, Saludos. Stemeandoando y Steemians Productivos

Hola @dacamero Muy buena la información contenida en tu post. Trataré de seguir tus recomendaciones para mejoras mis publicaciones. Saludos!...

Estuve pensando algo similar estos días, es necesario que nuestros posts tengan una bella estética, sin embargo no muchos conocen esto, gracias por compartirlo! Saludos.

Eres muy buena, Excelente post sencillo y conciso...

Coin Marketplace

STEEM 0.19
TRX 0.13
JST 0.029
BTC 58809.44
ETH 3151.28
USDT 1.00
SBD 2.43