sumber gambar

Hai Teman-teman, kali ini saya ingin melanjutkan #achievement4 saya karea saya sudah mendapatkan verifikasi di postingan saya sebelumnya.

• My Achievement 3 @bungadel26 Taks : Content Etiquette

Dan kali ini saya mencoba menyelesaikan #achievement4, dyang berjudul Menerapkan Markdown, materi ini penting karena kita bisa menyusun artikel di Steemit agar terlihat lebih menarik.

Dan berikut beberapa kode markdown yang saya ketahui :

• Membuat Tulisan Judul dan Subjudul

Untuk Membuat Heading (Judul) dan Sub Judul kita bisa menggunakan simbol-simbol berikut:

# Your Title
## Your Title
### Your Title
#### Your Title
##### YourTitle
###### Your Title

Maka akan terlihat seperti ini :

Your Title

Your Title

Your Title

Your Title

YourTitle

Your Title

• Buat teks tebal, miring, miring tebal, dan Bergaris

Kode markdown:

Bold : ** Your Text **
Italic : * Your Text *
Bold Italic : *** Your Text ***

Dan akan terlihat seperti ini :

Your Text
Your Text
Your Text

• Buat Peringkat Atas dan Bawah

Peringkat di atas menggunakan kode <sup> dan ditutup dengan </sup>
Peringkat di bawah ini menggunakan kode <sub> dan ditutup </sub>

Peringkat Di Atas

• Contoh : 3<sup>2</sup>

• Hasil : 3²

Peringkat Di Bawah

• Contoh : H<sub>2</sub>O

• Hasil : H₂O

• Untuk tulisan Bullet dan Penomoran.

Untuk membuat bullet bisa menggunakan simbol (-) atau simbol ini (*)

Contoh Penggunaan:

- Teks
- Teks
- Teks
* Teks
* Teks
* Teks

Hasilnya seperti ini:

• Text
• Text
• Text
• Text
• Text
• Text

Penomoran

Contoh Penggunaan:
1. Text 1
2. Text 2
3. Text 3

Hasil Nya seperti ini:

1. Text 1
2. Text 2
3. Text 3

• Sisipkan Tautan Teks.

Untuk menulis sumber atau mengarahkan pembaca ke situs atau tautan lain, Anda dapat memasukkan tautan dalam teks dengan simbol berikut:
[Komunitas Pendatang Baru](https://steemit.com/trending/hive-172186)

Hasil : Komunitas Pendatang Baru

Memasukkan Tabel

Ada dua cara untuk membuat tabel Anda:

Yang Pertama Menggunakan Kode ini:

Tabel Kolom1 | Tabel Kolom2
--------- | ----------
Sel 1 | Sel 2
Sel 3 | Sel 4

Anda dapat menambahkan kolom dan sel sebanyak yang Anda butuhkan

Hasil :

Kolom Tabel1	Tabel Kolom2
Sel 1	Sel 2
Sel 3	Sel 4

Cara kedua:

• Menggunakan Tabel HTML.
  Tag <table> mendefinisikan tabel HTML.

Setiap baris tabel didefinisikan dengan tag <tr>. Setiap header tabel didefinisikan dengan tag <th>. Setiap data/sel tabel didefinisikan dengan tag <td>. Secara default, teks dalam elemen <th> dicetak tebal dan di tengah. Secara default, teks dalam elemen <td>beraturan dan rata kiri.Sumber

<table style="width:100%">
<tr>
<th>Title 1</th>
<th>Title 2</th>
<th>Title 3</th>
</tr>
<tr>
<td>cell 1</td>
<td>cell 2</td>
<td>cell 3</td>
</tr>
<tr>
<td>cell 4</td>
<td>cell 5</td>
<td>cell 5</td>
</tr>
</table>

Hasilnya seperti ini :

Title 1	Title 2	Title 3
cell 1	cell 2	cell 3
cell 4	cell 5	cell 5

• Aligment text

• justify

Code :

<div class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi quis eleifend quam adipiscing vitae proin. Bibendum at varius vel pharetra vel turpis nunc. Quam vulputate dignissim suspendisse in est ante in nibh mauris. Vitae auctor eu augue ut lectus. Euismod lacinia at quis risus sed vulputate odio ut enim. Malesuada fames ac turpis egestas integer.</div>

Hasilnya

---

- Rata Tengah

<div class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi quis eleifend quam adipiscing vitae proin. Bibendum at varius vel pharetra vel turpis nunc. Quam vulputate dignissim suspendisse in est ante in nibh mauris. Vitae auctor eu augue ut lectus. Euismod lacinia at quis risus sed vulputate odio ut enim. Malesuada fames ac turpis egestas integer</div>

Hasilnya

---

• Rata Kanan

<div class="text-right">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi quis eleifend quam adipiscing vitae proin. Bibendum at varius vel pharetra vel turpis nunc. Quam vulputate dignissim suspendisse in est ante in nibh mauris. Vitae auctor eu augue ut lectus. Euismod lacinia at quis risus sed vulputate odio ut enim. Malesuada fames ac turpis egestas integer</div>

Hasilnya :

---

• Rata Kiri.

<div class="text-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi quis eleifend quam adipiscing vitae proin. Bibendum at varius vel pharetra vel turpis nunc. Quam vulputate dignissim suspendisse in est ante in nibh mauris. Vitae auctor eu augue ut lectus. Euismod lacinia at quis risus sed vulputate odio ut enim. Malesuada fames ac turpis egestas integer</div>

Hasilnya

• Paragraf 2 Kolom

Kodenya :

<div class=pull-left>
Your Paragraph 1
</div>

<div class=pull-right>
Your Paragraph 2
</div>

Hasilnya :

• Gambar dalam paragraf

Gambar di tengah Paragfraf

<div class="pull-center">Image Link<center>image caption</center></div> Paragraph

Hasilnya :

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi quis eleifend quam adipiscing vitae proin.

Gambar di kanan Paragraf

<div class="pull-right">Image Link<center>image caption</center></div> Paragraph

Hasilnya :

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi quis eleifend quam adipiscing vitae proin.

---

gambar di kiri paragraf

<div class="pull-left">Image Link<center>image caption</center></div> Paragraph

Hasilnya :

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi quis eleifend quam adipiscing vitae proin.

---

• Membuat kode pada postingan

Untuk memasukkan kode pada postingan, Anda hanya perlu menambahkan markup <code> sebelum teks yang diinginkan dan tutup dengan </code>. Tapi ini "hanya berlaku untuk penulisan teks biasa." Untuk membuat script/kode seperti contoh di atas, Anda bisa menggunakan simbol (`) di setiap markup. Baik itu tag pembuka maupun tag penutup.

Contohnya :
<code>Salam Dari Binjai</code>

Result :
Salam dari binjai

• Membuat garis pembatas

• Kode:
  <hr>
---

Hasilnya akan Seperti ini:

---

• Menulis Quotes - Blockquotes

Ada dua cara yang bisa kita lakukan untuk membuat kutipan, dengan cara pertama dengan markup <blockquote> dan ditutup dengan </blockquote>. atau Anda bisa mengetikkan tanda > sebelum kalimat.

Hasilnya :

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi quis eleifend quam adipiscing vitae proin.

Dan itulah Tugas Postingan saya #achievement4 ( Penerapan Markdown) Semoga bermanfaat dan juga saya bisa segera di verifikasi

By @bungadel26

CC :

@steemcurator01
@focusnow
@atim1234