How to include Text Separators in my Blog

in #steemit7 years ago (edited)

About 2 months ago I wrote a post in Spanish about everything we need to know about text separators or vectors for our blog.

Today I decided to share it in English since from that day I have accumulated my own collection of dividers, and I would like to practice the "knowledge management" by providing the community users with the resources to stylize, structure and order their posts so that they look nice to the reader.

separadores.png

Text separators are horizontal lines that are used to divide sections of documents. Bobuu, 2009.

When entering the separators it is important to emphasize that it is necessary to make a space before and after the code of the separator entered. Here I share some examples of separators, from the simplest codes to enter, to images that you can take from the internet, always respecting the copyright of free use or created by yourself.

Frequently used separators:

  • In the html, enter three asterics together (***), or three hyphens (---), or three underscores (___) and automatically you'll see the finest separator as a semitransparent line. Reimerlin, 2017. Example:

    ***
    ---
    ___
    

It will look like this:



  • According to Hazunaweb, there's another way to include that line, and that is by writing the next element:

    <hr>
    

So it will look just the same way:



  • The separator to insert a blank space, or what we also call line break, or double spacing is used for cases in which the paragraphs are placed all continuous (Librosweb), just enter:

     <br>
    


  • And finally, according to the tutorial of Ulpgc, a separator commonly used to indicate the beginning and end of a paragraph is formed by the following marks at the beginning and end:

  <P>
  This would be the first paragraph. This would be the first paragraph. This would be the first paragraph.
  </P>
  <P>
  This would be the second paragraph. This would be the second paragraph. This would be the second paragraph.
  </P>


Images Separators:

This type of separators can be easily located on the Internet through a search engine by entering a key phrase such as text separators or vector dividers as long as they are free to use verifying the copyright. Once you selected the one you like, copy the link and then enter it in the html of your post just where you want to make that separation of paragraphs. Another option would be to save the image on your computer and then upload it the same way you do with any other image. Remember to always add the source of that image at the end of your post. If it is a separator designed by yourself, it is also important to mention it at the end of your post.

Here you can see several examples of separators that you can use, most of them are long and horizontal, if you like one that is shorter than usual, then you should center it to make it look great in your post:

Separador8.png


linea-corazon.jpg

images5.png

separador1.png

separador2.png

1111.png

2222.png

333.png

17-text-dividers-b-o.png

blue-pink-tropical-leaves-summer-horizontal-vector-17208751.jpg

pspring-justbecause-banner.png



In this opportunity, the link of the source of each separator provided has been placed in the same image when you click on it.

separador-nacnic-08.png

I enjoy sharing the best of me for my readers, if you liked it;
  • leave me your comment
  • vote for the article
  • or share it
    Make use of what you have learned and produce new ways for helping others.

Imagen1.png

Sort:  

Me encanto esta publicación, nunca he usado los separadores de imagen y ademas pusiste unos que me encantan 😍.. Saludos!

Hi @dacamero, nice markdown advice!

I noticed on your blog that you know how to write in English and Spanish, you are bilingual.
I am working on a project in which we are using steemit to publish some updates and campaigns, but we need people to help us with translations. I would like to invite you to collaborate. The payment for what you help us with would be on SBD. If you are interested leave me your discord or telegram user and I will contact you. Regards!

Yes of course, Thanks for your support. You can find me in discord as DaCamero#7547. Regards!

Congratulations @dacamero! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of posts published

Click on the badge to view your Board of Honor.
If you no longer want to receive notifications, reply to this comment with the word STOP

To support your work, I also upvoted your post!

Do you like SteemitBoard's project? Then Vote for its witness and get one more award!

Están geniales.

Gracias breili!

Excelente publicacion, los separadores son geniales para darle estilo a las publicaciones, te felicito amiga saludos!!!

Gracias Juan seguimos mejorando cada día para obtener mayores visualizaciones

Coin Marketplace

STEEM 0.20
TRX 0.25
JST 0.038
BTC 96907.08
ETH 3380.66
USDT 1.00
SBD 3.23