Tutorial Singkat Menggunakan Markdown

14.17

Pagi semuanya…
Gimana keadaannya sekarang ini? Baik kan ya? Nah, kali ini aku akan memperkenalkan caraku mengisi konten blog ini, yaitu dengan markdown.
Kenalin… ini notepad++, teman bloggingku + markdown
Yang ini, namanya command prompt. Buat mengcompile markdown jadi html. Kok warnanya Red Mist banget ya? #horor
Yuk, langsung ke tutorialnya…

Heading

hasil

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
kode
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
atau
# Heading 1 #
## Heading 2 ##
### Heading 3 ###
#### Heading 4 ####
##### Heading 5 #####
###### Heading 6 ######

Paragraf

hasil
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
kode
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.

Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.

Baris Baru

hasil
Aku
Kalau sampai waktuku
Kumau tak seorang kan merayu
Tidak juga kau!
kode
Aku     (tab)
Kalau sampai waktuku    (tab)
Kumau tak seorang kan merayu

Tidak juga kau!

Ordered List

hasil
  1. ayam
  2. bebek
  3. cicak
  4. dadu
  5. elang
  6. flaminggo
kode
1. ayam
2. bebek
3. cicak
4. dadu
5. elang
6. flaminggo
atau
1. ayam
1. bebek
1. cicak
1. dadu
1. elang
1. flaminggo
atau
4. ayam
6. bebek
1. cicak
1. dadu
5. elang
2. flaminggo

Unordered List

hasil
  • satu
  • dua
  • tiga
  • empat
  • lima
kode
* satu
* dua
* tiga
* empat
* lima
atau
- satu
- dua
- tiga
- empat
- lima

List di Dalam Paragraf

hasil
Cara makan mi:
  1. Beli mi.
    Ya iya lah. Mana mungkin mau makan mi tapi belum ada mi nya.
  2. Kasih air panas.
    Yang panas ya, bukan dingin.
  3. Silahkan menikmati.
kode
Cara makan mi:

1. Beli mi.

    Ya iya lah. Mana mungkin mau makan mi tapi belum ada mi nya.
    
2. Kasih air panas.

    Yang panas ya, bukan dingin.
    
3. Silahkan menikmati.

Horizontal Line

hasil

kode
****
hasil
kode
[Blog Muhammad Zaini](http://muhammadzaini.com)
atau
[Blog Muhammad Zaini][blog]

[blog]: http://muhammadzaini.com

Gambar

hasil
Lucunya penguin :D
kode
![Lucunya penguin :D](1.jpg)
atau
![Lucunya penguin :D][gambar]

[gambar]: 1.jpg

Tabel

hasil
namapekerjaanpenghasilan
Muhammad ZainiOwner Properti3 miliar per bulan
AndiBuruh Pabrik5 juta per bulan
Pak AbrarPengusaha Restoran Ayam100 juta per bulan
kode
nama | pekerjaan | penghasilan
-|-|-
Muhammad Zaini | Owner Properti | 3 miliar per bulan
Andi | Buruh Pabrik | 5 juta per bulan
Pak Abrar | Pengusaha Restoran Ayam | 100 juta per bulan
atau
| nama | pekerjaan | penghasilan |
|-|-|-|
| Muhammad Zaini | Owner Properti | 3 miliar per bulan |
| Andi | Buruh Pabrik | 5 juta per bulan |
| Pak Abrar | Pengusaha Restoran Ayam | 100 juta per bulan |
atau
nama | pekerjaan | penghasilan
----|----|----
Muhammad Zaini | Owner Properti | 3 miliar per bulan
Andi | Buruh Pabrik | 5 juta per bulan
Pak Abrar | Pengusaha Restoran Ayam | 100 juta per bulan
atau
| nama | pekerjaan | penghasilan |
|----|----|----|
| Muhammad Zaini | Owner Properti | 3 miliar per bulan |
| Andi | Buruh Pabrik | 5 juta per bulan |
| Pak Abrar | Pengusaha Restoran Ayam | 100 juta per bulan |

Bold

hasil
Aku suka makan bayam.
kode
Aku suka **makan** bayam.
atau
Aku suka __makan__ bayam.

Italic

hasil
Kamu memang bukan orang.
kode
Kamu memang bukan _orang_.
atau
Kamu memang bukan *orang*.

Inline Code

hasil
Tag html dimulai dengan <html>.
kode
Tag html dimulai dengan `<html>`.

Code Block

hasil
<?php
    echo "Hello World"
?>
kode
```
<?php
    echo "Hello World"
?>
```

Mematikan Kode

hasil
# Bukan header
kode
\# Bukan header
Gimana? Kamu senang nggak sama tutorial ini? Terima kasih sudah berkunjung ya :D

Download aplikasi android Muhammad Zaini DI SINI

You Might Also Like

0 komentar

Back to top