A post needs to be nicely formatted to be able to be read easily. Steemit supports Markdown and you can achieve an attractive result, by using basic syntax & easy to remember commands.
There are also tools that you can use as editors, if you use one of them please comment below. I personally prefer to use raw html syntax (for some reason I find it easier)
In the next days I will post tips about formatting a post, my part three from ‘What to Post, How to Research, Synthesis of a Blog Spot), so I thought I should also include in advance a mark down guide with the most important commands I have been using for you that might not know them all.
Ξεκινάμε! Los geht’s! Let’s start!
Click On Post
*You have the option to click the ‘Editor’ or leave as is ‘Raw Html’
In the below section we will show commands to be directly written in the post box (NO EDITOR)*
TEXT Commands
Headlines
You can put # on the left of your word/sentence to make it a headline. As the # number is increasing, the headline size decreases.
# Headline 1
Headline 1
.
.
#### Headline 4
Headline 4
.
.###### Headline 6
Headline 6
Text
Your text can be simple, **bold** bold, *italics*italics, ~~strikethrough~~ strikethrough
List
You can use *or numbers to create a list
- list item 1
- list item 2
- Item A
- Item B
You can create a table!
Header 1| | Header 2---------- | ----------Cell 1 | Cell 2
| Header 1 | Header 2 |
|---|---|
| Cell 1 | Cell 2 |
Justify Text
<div class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget purus a tortor egestas placerat sit amet vitae sem. Nullam sit amet finibus justo. Donec volutpat ipsum leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse sit amet dignissim ante.</div>
- The Output will be -
- Instead of
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget purus a tortor egestas placerat sit amet vitae sem. Nullam sit amet finibus justo. Donec volutpat ipsum leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse sit amet dignissim ante.
Allign text into two cells
Sometimes you may need to write something in two languages or input it in two different columns.<div class="pull-right">TEXT RIGHT Cras pellentesque, diam ut fringilla luctus, massa mauris fringilla magna, sed consequat mi odio in ante. Etiam quis odio in ante sagittis congue. Duis a ante egestas, pharetra nisl non, lacinia massa. Vestibulum ut mattis enim. Nam scelerisque iaculis sem in lacinia. Phasellus dui dui, pellentesque ac dui ac, rhoncus tempor tellus.</div>TEXT LEFT Cras pellentesque, diam ut fringilla luctus, massa mauris fringilla magna, sed consequat mi odio in ante. Etiam quis odio in ante sagittis congue. Duis a ante egestas, pharetra nisl non, lacinia massa. Vestibulum ut mattis enim. Nam scelerisque iaculis sem in lacinia. Phasellus dui dui, pellentesque ac dui ac, rhoncus tempor tellus.
You put your text in the center
<center>Text</center>
Subscript Text
<sub>Text</sub>
Text
Add a Link
If you add any link, it will immediately be clickable but if you wish to add a link to a word you can use the below syntax[Link Title](Link)[I am a Link](https://steemit.com/@katerinaramm)
I am a Link
Blockquotes with > for something that someone has written/said
> I am a quote by someone famous
I am a quote by someone famous
Separate your themes - paragraphs with an easy-to-make rule
If you use three or more hyphens, asteriscs, or underscores a horizontal rule will be created
--- or *** or ___
Adding Code (text in a grey area with possibility of having commands not affecting the text inside)
You can check here
And I have found it to work in two ways:
a. Adding two back-ticks before and after the markdown syntax
**this is a bold word** - output - this is a bold word
or b. you can use <code> before and after the command </code>at the end of the word/sentence
<code> > goodmorning </code> output will be >>>>>>
goodmorning
Images
In order to add an image all you got to do is (a) have the image :) and (b) drag and drop it in the editor
You can put the image in the center by putting the <center>Image</center> or you can put it inline with text, on the right or left
The order for left is as follows
Attention, you take only the last part of the image > see below
<div class="pull-left">https://steemitimages.com/DQmSCQFPwCSaHawE7fgQtKpidX9yE4tnmjJ5U1P9DamK58M/bb2.jpg</div>text below
Cras pellentesque, diam ut fringilla luctus, massa mauris fringilla magna, sed consequat mi odio in ante. Etiam quis odio in ante sagittis congue. Duis a ante egestas, pharetra nisl non, lacinia massa. Vestibulum ut mattis enim. Nam scelerisque iaculis sem in lacinia. Phasellus dui dui, pellentesque ac dui ac, rhoncus tempor tellus.
If you would like the image to be alligned to the right simply replace left with right
You may also put links to images and align them next to each other - use it in text or in your signature
<center>[](https://steemit.com/@katerinaramm) [](https://twitter.com/katerinaramm1) [](https://www.facebook.com/KaterinaRamm-876468415833984/) [](https://www.instagram.com/katerinaramm1/)</center>
Insert Gifs
You just copy paste the gif's address as below.
You may even put the gif in the center, or justify with the <div class="pull-left">GIF</div>command
<center>https://media.giphy.com/media/tQcR4ZFWypsA0/giphy.gif</center>
YouTube or DTube Videos
You can simply copy paste the DTube or YouTube Link and it will be embedded in the text!
More Links for Markdown
Guide github.com
Markdown Cheatsheet
Emoticons You may use
