Nah, penasaran kan! sebelumnya saya ingetin teman-teman nich, sebagai catatan agar jangan baca postingan ini setengah-setengah, karena apa yang ditulis disini sudah dapat dipertangung jawabkan, alias postingan dapat mengundang whale-whale ke postingan teman-teman. Maenarik bukan!

Tapi ingat jangan menulis karena mengharap reward dan sebagainya. tapi menulislah karena passion anda!

Bang @owner99 punya satu kata mutiara yang selalu saya ingat dan simpan, bahwa Kerja keras dan Usaha Tidak Akan Menghianati Hasil

Markdown yang telah disusun, ada dua cara yaitu dengan menggunakan

simbol dan markup

• • Membuat Heading dan Sub

Membuat Heading (Judul) dan Sub heading (Sub Judul) ada dua cara, tapi untuk postingan ini akan saya bahas dengan cara yang sering saya gunakan. Adapun caranya yaitu dengan menggunakan simbol berikut:

Markdown :

# khanza.aulia 1
## khanza.aulia 2
### khanza.aulia 3
#### khanza.aulia 4
##### khanza.aulia 5
###### khanza.aulia 6

Hasilnya :

khanza.aulia 1

khanza.aulia 2

khanza.aulia 3

khanza.aulia 4

khanza.aulia 5

khanza.aulia 6

• • Membuat Huruf Tebal, Miring, dan Tebal Miring

Untuk huruf tebal: **insert teks here**
Untuk huruf miring: *insert teks here*
Untuk huruf tebal miring: ***insert teks here***

Hasilnya:

insert teks here
insert teks here
insert teks here

Untuk teks panjangnya sama saja, silahkan ditulis teksnya diantara tanda bintang. Diawali tanda bintang dan ditutup tanda bintang.

• • Membuat Tanda Pangkat Diatas dan Dibawah

Nah untuk yang ini kita tidka menggunakan simbol lagi, tetapi mengunakan markup. Berikut markup untuk penulisan pangkat diatas dan pangkat dibawah.

• Pangkat diatas menggunakan markup <sup> dan ditutup dengan </sup>
• Pangkat dibawah menggunakan markup <sub> dan ditutup </sub>

Berikut contoh pemakaiannya:

Kebocoran H <sup>2</sup> S Sangat Berbahaya

Tanggal 17 <sub>th</sub> july, tahun 2018

Hasilnya :

Kebocoran H ² S Sangat Berbahaya

Tanggal 17 _th july, tahun 2018

• • Membuat Garis Pembatas

Untuk membuat garis pembatas untuk memisahkan paragraf satu dengan yang lainnya bisa mnggunakan simbol dan markup.

• simbol - - -
• markup <hr>

Hasilnya :

• • Membuat Bullet dan Numbering

Contoh Penggunaan :

* steemit.com
* google.com
* blocktrades.us
* bittrex.com

1. steemit.com
2. google.com
3. blocktrades.us
4. bittrex.com

Hasilnya :

• steemit.com
• google.com
• blocktrades.us
• bittrex.com

Untuk cara lain membuat bullet bisa menggunakan simbol ini -

- steemit.com

Hasilnya :

• steemit.com

Hasil untuk numbering :

1. steemit.com
2. google.com
3. blocktrades.us
4. bittrex.com

• • Memasukkan (insert) Link

Untuk memasukkan sebuah link kepostingan anda bisa menggunakan simbol berikut :

[khanza.aulia](www.steemit.com/@khanza.aulia)

Hasilnya :

khanza.aulia

• • Memasukkan Tabel

Untuk contoh tabel dengan 3 kolom sebagai berikut :

| Nama Akun | Reputasi | No. Hp |
| -------- | -------- | -------- |
| @khanza.aulia | 56 | 1234567890 |
| @podanjr | 63 | 1234567890 |
| @owner99 | 59 | 1234567890 |

Hasilnya :

• • Membuat Tabel Bergambar

Untuk membuat tabel bergambar berikut contoh markup

<table>
<thead>
</thead>
<tbody>
<tr>
<td><img src="https://steemitimages.com/300x300/https://i.imgur.com/xXwrksM.jpg" alt=""></td>
<td><img src="https://steemitimages.com/200x200/https://i.imgur.com/xXwrksM.jpg" alt=""></td>
<td><img src="https://steemitimages.com/100x100/https://i.imgur.com/xXwrksM.jpg" alt=""></td>
</tr>
</tbody>
</table>

Agak bingung ya, saya juga sedikit bingung awal-awalnya.

Untuk markup sebelumnya anda telah menyediakan link atau alamat gambar yang akan dimasukkan jadi tabel bergambar. Ganti link pada ini https://i.imgur.com/xXwrksM.jpg dengan link anda sendiri. Pada kode markup ini juga kita bisa menyesuaikan ukuran gambar dengan merubah nilai pada 100x100/ sesuai dengan keinginan anda.

^{Note : Dengan merubah angka tersebut maka size gambar juga akan berubah}

Hasilnya

• • Membuat Teks Alinea

Untuk membuat sebuat paragraf sesuai dengan KBBI tentunya kita harus membuat alinea, atau tulisan menjorok kedalam seidikit.

Berikut format markdownnya :

<div class="pull-left">
<img src="https://i.imgur.com/ZP36KMd.png" alt="">
</div>

text : khanza.aulia telah membuat sebuah postingan malam ini....

Berikut hasilnya :

text : khanza.aulia telah membuat sebuah postingan malam ini....

• • Membuat Teks Rata Kiri-Kanan

Untuk membuat teks rata Kiri-Kanan anda bisa menggunakan kode markup berikut :

<p><div class="text-justify">

teks : Setelah selesai membuat postingan ini khanza.aulia akan tidur dan esok akan melakukan rutinitas kembali sperti biasanya. Pada hari selasa akan ada banyak kegiatan menanti. Pekerjaan telah menunggu untuk dikerjakan.

Hasilnya :