Learn With Steem || Making Your Content Attractive and Presentable || How To Apply Basic Markdowns Style

in HeartSTEM3 years ago

Copy of Network Marketing Promotion Template - Made with PosterMyWall.jpg

Hello, everyone.

I welcome you all to my blog, I recalled struggling to find guidelines on how to perform certain things. Every time I need to do some markdown like how to *bold text or how to centralized a text on Steemit, I used Google.

I know some newbie will be facing the same issue right now, so I decided to write about some markdown styles and how to go about it.

I hope you find this information useful.

How To Make Headlines


When writing an article, headers and sub-headlines are particularly important features to consider because they display the structure of your content and guide the reader's eye.

This can be done by inserting symbol # at the start of the text or sentence. As the number of # symbol increases the size of the text or sentences decreases.

Example;

Header 1

Header 2

Header 3

Header 4

Header 5

This code was used to make the above markdown:

# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5

TZjG7hXReeVoAvXt2X6pMxYAb3q65xMju8wryWxKrsghkPJ2qoVA2wjv1crn7VEeswmp81z4QEj7PApjHG59BNa6nBeJzRZRDdKBq3ayCE6RKSkSiBASRcDwj69hUeScP9eoLRv8c2D9rW.png

How to Justify Text


Justify your text will make your articles unique, easy to read and not to forget it will make the content neat.

When you apply a text-justify command to your content, space is inserted between words so that both margins are aligned on every line.

How to Justify a text <div class="text-justify">Input the text and end it with </div>

Example;

Before justifying my texts 👇

Steemit is a decentralized social media, which allow users to earn money for sharing quality and original contents.

After justifying my texts 👇

Steemit is a decentralized social media, which allow users to earn money for sharing quality and original contents

You can see the difference, Text-justify made my content neat and easy to read

TZjG7hXReeVoAvXt2X6pMxYAb3q65xMju8wryWxKrsghkPJ2qoVA2wjv1crn7VEeswmp81z4QEj7PApjHG59BNa6nBeJzRZRDdKBq3ayCE6RKSkSiBASRcDwj69hUeScP9eoLRv8c2D9rW.png

How To Create a Table


Incase you want to make a difference or similarities between two things, making use of a table will be the best thing to do.

*Creating a Table

Header 1 | Header 2

------ | ------

Cell 1 | Cell 2

Cell 3 | Cell 4

Result 👇

Header 1Header 2
Cell 1Cell 2
Cell 3Cell 4

TZjG7hXReeVoAvXt2X6pMxYAb3q65xMju8wryWxKrsghkPJ2qoVA2wjv1crn7VEeswmp81z4QEj7PApjHG59BNa6nBeJzRZRDdKBq3ayCE6RKSkSiBASRcDwj69hUeScP9eoLRv8c2D9rW.png

How To Centralized a Text or Sentence


It's also a good idea to center a text in your content to make it look more presentable.

How to centered a text or sentence <center>What is Steemit</center>

The Result 👇

What is Steemit

TZjG7hXReeVoAvXt2X6pMxYAb3q65xMju8wryWxKrsghkPJ2qoVA2wjv1crn7VEeswmp81z4QEj7PApjHG59BNa6nBeJzRZRDdKBq3ayCE6RKSkSiBASRcDwj69hUeScP9eoLRv8c2D9rW.png

How To Make a Bold or Italic Text


If you want to highlight some certain text or sentence, you can decide to make the text bold or Italic this will help the reader to understand your content better.

How to make a bold text

To Make a text or sentence bold, just add two (2) ** at the beginning and the end of the text or sentence

Example;

**Steemit is decentralized social media**

The Result 👇

Steemit is decentralized social media

How to make an Italic Text

To make a text italic simple add one (1) * at the beginning and the end of the text or sentence

Example;

*Steemit is decentralized social media*

The Result 👇

Steemit is decentralized social media

TZjG7hXReeVoAvXt2X6pMxYAb3q65xMju8wryWxKrsghkPJ2qoVA2wjv1crn7VEeswmp81z4QEj7PApjHG59BNa6nBeJzRZRDdKBq3ayCE6RKSkSiBASRcDwj69hUeScP9eoLRv8c2D9rW.png

How To Add Source or Link to an Image of Text


If you are using an image or text or quote you downloaded online, you need to add the source or link this is to avoid plaigiraism and gives credit to the real owner.

Example; I downloaded this image online

62PdCoV9UZotpbHM8cPzu674NgPikiTida1trLXjBSGoBzsoeDaQaYiUqSD5V4TUqV5Nezf5kkvciZXXoetnCAqmpdmpv3d19NPGwhxyMmUsFBk.png
https://www.google.com/search?q=markdown+on+steemit&client

You can clearly see that my content is not attractive, I can easily add this markdown style to make it more attractive 'Image source`

The Result 👇

62PdCoV9UZotpbHM8cPzu674NgPikiTida1trLXjBSGoBzsoeDaQaYiUqSD5V4TUqV5Nezf5kkvciZXXoetnCAqmpdmpv3d19NPGwhxyMmUsFBk.png
Image source

You can see how this one is quite different from the other one, it makes my work attractive and presentable.

TZjG7hXReeVoAvXt2X6pMxYAb3q65xMju8wryWxKrsghkPJ2qoVA2wjv1crn7VEeswmp81z4QEj7PApjHG59BNa6nBeJzRZRDdKBq3ayCE6RKSkSiBASRcDwj69hUeScP9eoLRv8c2D9rW.png

Adding Quotation


While writing your content, you might decide to borrow someone's else work, to avoid plaigiraism you need to properly quote the source where you copied from.

How to quote a text or source

You need to add the symbol > at the beginning of the text or the source

Example;

Let say, I want to quote one of the most famous quotes I copied online, to avoid direct pliagrism I will have to quote it. Below is how I quoted it 👇

>The greatest glory in living lies not in never falling, but in rising every time we fall.

The Result 👇

The greatest glory in living lies not in never falling, but in rising every time we fall.

You can as well add the source link underneath the the text quote.

Example; >The greatest glory in living lies not in never falling, but in rising every time we fall.
[Source Name](link)

The Result 👇

The greatest glory in living lies not in never falling, but in rising every time we fall.
Source Name

TZjG7hXReeVoAvXt2X6pMxYAb3q65xMju8wryWxKrsghkPJ2qoVA2wjv1crn7VEeswmp81z4QEj7PApjHG59BNa6nBeJzRZRDdKBq3ayCE6RKSkSiBASRcDwj69hUeScP9eoLRv8c2D9rW.png

How to add SubScript and SuperScript


SubScript simple means making a text or number to appear below the baseline while SuperScript means making a text or number appear above the baseline.

How to SubScript a Text or Number

Simple do it this way<sub>text or number here</sub>

For example, H2O and you want to SubScript the 2.

H<sub>2</sub>O

The Result 👇

H2O

How to SuperScript a Text or Number

Simple do it this way<sup>text or number here</sup>

For example, 4^2= 16 and you want to SuperScript the number 2.

4<sup>2</sup> = 16

The Result 👇

42= 16

TZjG7hXReeVoAvXt2X6pMxYAb3q65xMju8wryWxKrsghkPJ2qoVA2wjv1crn7VEeswmp81z4QEj7PApjHG59BNa6nBeJzRZRDdKBq3ayCE6RKSkSiBASRcDwj69hUeScP9eoLRv8c2D9rW.png

Conclusion


I'd like to come to a halt here. The purpose of this post is to help us all become better content creators for the Steemit platform. These are just a few of the many markdown styles available on this platform. I recommend that you look at the website below for examples of markdown styles.

I hope you guys have benefited from this article, special thanks to the admin of this wonderful community @churchangel for all his kind support.

TZjG7hXReeVoAvXt2X6pMxYAb3q65xMju8wryWxKrsghkPJ2qoVA2wjv1crn7VEeswmp81z4QEj7PApjHG59BNa6nBeJzRZRDdKBq3ayCE6RKSkSiBASRcDwj69hUeScP9eoLRv8c2D9rW.png

Best regards: @mato445

TZjG7hXReeVoAvXt2X6pMxYAb3q65xMju8wryWxKrsghkPJ2qoVA2wjv1crn7VEeswmp81z4QEj7PApjHG59BNa6nBeJzRZRDdKBq3ayCE6RKSkSiBASRcDwj69hUeScP9eoLRv8c2D9rW.png

Sort:  

Wow! You just make markdown style simple for me you know I have read alot of articles on it on Google but I cannot say I understand it well but with this post I can say I understand 90% of it.

I just hope that with this post you bring to our attention most of the users can improve their posts, since there are many users who publish and do not justify their posts with the markdown format.

Many are advised to improve their posts, but they ignore it.

Greetings and thanks for this valuable contribution.

Very helpful. Thank you sir

This is a very nice post. But how do we recommend it to all the community members? Because it's very helpful...

Can we tag all members to this post?

This is a very nice post.

Thank you for the wonderful remark

But how do we recommend it to all the community members? Because it's very helpful

You can resteem the post this will be helpful