Achievement 4 by @ssadil Task : Applying Markdowns

in Newcomers' Community3 years ago

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

markdown.gif
Edited By Windows Paint

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.

sigmund-HsTnjCVQ798-unsplash.jpg

source

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
  • 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.

    sandy-millar-Kl4LNdg6on4-unsplash.jpg

    source

    How to Justify Text

    <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.

    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>

    Output of above code

    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.

    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.

    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 تک جاری رہی ، جب دونوں فریق اقوام متحدہ کی جنگ بندی پر راضی ہوگئے۔


    TEXT 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.
    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

    analysis-2030265.jpg
    source

    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

    • 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
    • obi-onyeador-qXfD_nG4j-U-unsplash.jpg
      source

    • 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

    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 >>

    ItemDetails
    PhoneHUAWEI 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

    procreator-ux-design-studio-VzJjPuk53sk-unsplash.jpg
    SOURCE

    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

    ahmed-zayan-DM_QhS1VVqY-unsplash.jpg
    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

    This is the result of the preceding syntax. * If the image is aligned to the left, the text will be aligned to the right * Additionally, this reduces the image's size by half.< * Additional text may be found here

    Aligning Image to Right

    <div class="pull-right">
    !https://cdn.steemitimages.com/DQmc4RQHq2EKeu8zMcJmdYVhutfCYLYYrsd37PAmXnMG6BS/couple-1363967.jpg
    </div>
    text below

    This is the result of the preceding syntax. * If the image is aligned to the right, the text will be aligned to the left * Additionally, this reduces the image's size by half. * Additional text may be found here

    How to Align image center

    <center>https://cdn.steemitimages.com/DQmc4RQHq2EKeu8zMcJmdYVhutfCYLYYrsd37PAmXnMG6BS/couple-1363967.jpg</center>

    This is the output of center alignment, the image dimension does not change


    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

    This image has a dimension of 3088 x 2056

    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


    This image has a width of 300

    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

    Regards:

    @ssadil


    Special Mention And Thanks to

    @cryptokannon
    @fombae
    @njaywan

Sort:  
 3 years ago 

@fombae
Respected and most honoured sir I am seeing towards you for achievement verification ♥️☺️

 3 years ago 

Brother
Kindly verify my achievement
@haidermehdi

Loading...
 3 years ago 

Sir
@steemcurator03
I am seeing towards you for kindness and love 😍

 3 years ago 

Hi, @ssadil,

Your post has been supported by @heriadi from the Steem Greeter Team.

Coin Marketplace

STEEM 0.29
TRX 0.12
JST 0.033
BTC 62934.09
ETH 3118.65
USDT 1.00
SBD 3.85