Achievement 4 by @ssadil Task : Applying Markdowns
Greeting
I hope. You are fine, enjoying and doing well.
Today I will tell you how to write a good post for Steemit.
A post must be well organized to be read easily.
Steemit supports Markdown, and with basic syntax and easy-to-learn instructions, you may produce a beautiful outcome.
Below are the essential markdown collections and some advanced markdown codes that you may use for a minor modification to your article. These were compiled by @cryptokannon, and the original post is here
Headings or Healines
Headings are an important part of every blog topic or assignment. However, it describes anything we write Good Headlines will make your blog or topic catchy. So today, I will tell you How you can write good headings in Steemit to grow. Here are two methods.
Using #
Write or define headings,when number of#
increase size of Headings will decrease
Here wih Examples we will define it
This is Heading 1 orh1
This is Heading 2 orh2
This is Heading 3 orh3
This is Heading 4 orh4
This is Heading 5 or h5
This is Heading 6 orh6
The code behid above lines is
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
another way to write headings (H1 and H2)
By using triple "="sign below the headings we can also define it easily the h1
Heading 1 in new way
---
Heading 2 in new way
===
Additionlyheadings can be italic, centered strikethrough by
- centered headings
# <center>Heading here<
- italics headings
#
Headings` - Strike through Heaadings
#
Headings& Headgs
- by using
@
, sign before someone name will make i clickable and also send mentioning Notification to other one that some one mentioned them for example. @ssadil - If We add link of other profiles or websites it will recognize it automaticaly and make it able to click for example
https://steemit.com/@ssadil
> > https://steemit.com/@ssadil - We can hid a link to profile or vedio image source in one word or line
[Adil Saleem](https://steemit.com/@ssadil)
look >>
Adil Saleem followin
Formating of Text
With text, you can perform a lot of things. When you write an essay on steemit, one thing you may do is to justify your text.
How to Justify Text
Furthermore, it has become extremely simple for women to color their hair for fashion nowadays, and this is done not once, twice, but multiple times, which is not good for hair health, i.e., it has become very easy to dye hair. Output of above code Furthermore, it has become extremely simple for women to color their hair for fashion nowadays, and this is done not once, twice, but multiple times, which is not good for hair health, i.e., it has become very easy to dye hair. Before applying justify Command Few individuals openly embrace their hair's whiteness; on the other hand, 75 to 80 percent of people adopt a certain color to conceal their hair's whiteness.
Furthermore, it has become extremely simple for women to color their hair for fashion nowadays, and this is done not once, twice, but multiple times, which is not good for hair health, i.e., it has become very easy to dye hair.<div class="text-justify">
Few individuals openly embrace their hair's whiteness; on the other hand, 75 to 80 percent of people adopt a certain colour to conceal their hair's whiteness.
</div>
Arranging Text into Two Cells
You may sometimes have to type something like that in second language or enter it in two columns.
<div class="pull-right">
On September 6 September 6, 1965, the enemy entered our borders to violate the attacked regions. This was a reaction to the military thrust of Pakistan into the Kashmir held by India. They were primarily focused on the Lahore, Sialkot, and Sindh desert areas. The fighting continued until September 22, 1965, when both sides agreed to a UN ceasefire.
</div>
TEXT LEFT 6 ستمبر 6 ستمبر 1965 کو دشمن ہماری سرحدوں میں داخل ہوا تاکہ حملہ شدہ علاقوں کی خلاف ورزی کریں۔ یہ بھارت کے زیر قبضہ کشمیر میں پاکستان کے فوجی دباؤ کا رد عمل تھا۔ وہ بنیادی طور پر لاہور ، سیالکوٹ اور سندھ کے صحرائی علاقوں پر مرکوز تھے۔ لڑائی 22 ستمبر 1965 تک جاری رہی ، جب دونوں فریق اقوام متحدہ کی جنگ بندی پر راضی ہوگئے۔
Center Alignment of Text
By Using <center> text here </center>
We can Easily Align our Text
Writing subscript fot fomulae or text
By using <sub> formulae or </sub>
just like formulae in the books.
C<Osub>2</sub>
has as output the CO2
You can also use subscript to write a note in between a text or under a photo / video
Writting SuperScript text
for super scrip we can write <sup>
command for a text to appar above the baseline
Turnitin account is here<sup>1</sup>
has as output >> Turnitin Account link is here1
Additionly If you wanna add clickable link to your steemit blog you can try it
Turnitin Account is here<sup>[1](https://www.turnitin.com/login_page.asp?err=3400&lang=en_us)</sup>
has as output >> Turnitin Account is here1
How to add links to Steemit
Sometimes we need to add hyprlink or links to our posts for many reasons
How to create Table In Steemit
In Steemit Tables can be created by using two methodes
You can create table by most efficciant way
By using given code anyone can creat table and by copy pasting You can get the table you want .
Item | Details
--------- | ----------
Phone | HUAWEI Y9 Prime 2019
It will be >>
Item | Details |
---|---|
Phone | HUAWEI Y9 Prime 2019 |
Adding Code to Steemit Blog
Sometimes it is mendatory for us to mentiom source code of the post So we can Add code to blog using two ways
First: We can add code to our blog by backtick (`) before and one after the markdown syntax
*using italic syntax*
>> using *Italic* syntax
Second Methode:W \e can also add code by <code>
before and after the command </code>
at the end of the word/sentence
<code> *Saad* </code>
that will come as >> Saad
for more info you are refered to here
How to add qout to Blogs
Sometimes we need to include someone qout or saying in our blogs
SOURCE
That is when we use the >
in front of the sentence
Blockquotes with > for something that someone has written/said
> “Some people don't like change, but you need to embrace change if the alternative is disaster. ”
― Elon Musk
“Some people don't like change, but you need to embrace change if the alternative is disaster.”
― Elon Musk
How To add Extra Line Break In Our Blog
Some times it is mendatory for us to add extra line before or after text or paragraph or text.
For This perpose we can use <br>
to add spare empty line space
How to add video to Steemit
Sometime we need ti d videos in our blog
*Youtube* Videos are instantaneously embedded, which means that if you provide a link, it will show in the text.
Gifs are also recognizable and embedable in steemit just puting the lik from gif source will work for it <center>
command
https://c.tenor.com/M0dI1g4vdr0AAAAi/love-wife.gif
Tip: You need to find the url that finishes in .gif
how to add ruler in blog
To divide a theme, you may either create a ruler or use three dashes, three stars, or three equal signs at the start of the line.
---
or
***
or
===
How to add and Align Images in Seemit
Align images
We can esily align our images left right or center in steemit by div clas property.
Aligning Image to left
<div class="pull-left">
![couple-1363967.jpg](https://cdn.steemitimages.com/DQmc4RQHq2EKeu8zMcJmdYVhutfCYLYYrsd37PAmXnMG6BS/couple-1363967.jpg)
</div>
text below
Aligning Image to Right
<div class="pull-right">
!https://cdn.steemitimages.com/DQmc4RQHq2EKeu8zMcJmdYVhutfCYLYYrsd37PAmXnMG6BS/couple-1363967.jpg
</div>
text below
How to Align image center
<center>https://cdn.steemitimages.com/DQmc4RQHq2EKeu8zMcJmdYVhutfCYLYYrsd37PAmXnMG6BS/couple-1363967.jpg</center>
How to add link and text below the aligned images
Here is the code to add link belowd images
<div class="pull-left"><center>https://cdn.steemitimages.com/DQmc4RQHq2EKeu8zMcJmdYVhutfCYLYYrsd37PAmXnMG6BS/couple-1363967.jpg<sub><a href="https://pixabay.com/get/gfc0fe6bccedfaff1f5386f044cbcaf99d623e02c6a1f06df9679e2e7a468f602e9938166d60ec7aadf4b15c206c75537.jpg?attachment=">source NAME</a></sub></center></div>
Output of above code will be
and some text goes here
and some more
SCALING DOWN IMAGES ON STEEMIT
It's generally preferable if you have redimensioned your picture before you submit it. However, we don't have time or it's not possible occasionally. This is when you may directly resize it on steemit.
First of All upload the image
The code will appear as
![couple-1363967.jpg](https://cdn.steemitimages.com/DQmc4RQHq2EKeu8zMcJmdYVhutfCYLYYrsd37PAmXnMG6BS/couple-1363967.jpg)
After that Remove all other text except main source link text
https://cdn.steemitimages.com/DQmc4RQHq2EKeu8zMcJmdYVhutfCYLYYrsd37PAmXnMG6BS/couple-1363967.jpg
then copy this link https://steemitimages.com
and add to it /0x0/
after it it will look like this https://steemitimages.com/0x0/
Paste This link to start of the source image link so in willl became
https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmc4RQHq2EKeu8zMcJmdYVhutfCYLYYrsd37PAmXnMG6BS/couple-1363967.jpg
Now we can scaledown image by changing 0x0
Here is an example
https://cdn.steemitimages.com/DQmc4RQHq2EKeu8zMcJmdYVhutfCYLYYrsd37PAmXnMG6BS/couple-1363967.jpg
This image has a height of 700
https://steemitimages.com/700x0/https://cdn.steemitimages.com/DQmc4RQHq2EKeu8zMcJmdYVhutfCYLYYrsd37PAmXnMG6BS/couple-1363967.jpg
https://steemitimages.com/300x0/https://cdn.steemitimages.com/DQmc4RQHq2EKeu8zMcJmdYVhutfCYLYYrsd37PAmXnMG6BS/couple-1363967.jpg
I hope You will like and appreciate my achievement post
Have a blessed day
@fombae
Respected and most honoured sir I am seeing towards you for achievement verification ♥️☺️
Brother
Kindly verify my achievement
@haidermehdi
Sir
@steemcurator03
I am seeing towards you for kindness and love 😍
Hi, @ssadil,
Your post has been supported by @heriadi from the Steem Greeter Team.