Achievement 4 : Applying Markdown
Dear all steemian
Semoga semua dalam keadaan sehat dan selalu mendapat berkah dari sang Khalik.
Kita tahu bahwa Setiap orang bisa dikatakan pandai menulis, namun tidak semua orang pandai dalam mengatur style tata letak tulisan, baik itu tentang cara letak tulisan, tulisan mana yang harus di tebalkan, di miringkan, di garis bawahi dan lain-lainnya.
Pada kesempatan ini saya ingin mencoba menyelesaikan tugas Achievement yang ke empat, yaitu tentang penggunaan Markdown dan tata cara mengatur style pada postingan.
Nah, sebelumnya saya ingin mencoba menjelaskan Apa itu istilah Markdown dan tujuannya pada steemit!
Apa itu Markdown?
Menurut saya, Markdown merupakan cara bagaimana cara mengatur tampilan dan pengaturan tata letak postingan dengan menggunakan bahasa perintah pemograman berupa kode dan kode-kode HTML tertentu.
Tujuannya untuk apa ?
Agar Sebuah konten postingan mudah dibaca dengan baik sehingga tidak membosankan pembaca.
Postingan yang termasuk dalam markdown disini adalah berupa tulisan, tabel, grafik, link, audio, video dan lainnya.
Dibawah ini saya akan mencoba membuat beberapa contoh penggunaan Markdown pada steemit;
1. Penulisan Judul |
---|
Dalam sebuah tulisan maupun karangan judul merupakan kalimat pendek yang mewakili seluruh isi tulisan maupun karangan.
Cara dalam penulisan judul cukup menambahkan menambahkan markup <h1>
sebelum judul dan ditutup dengan </h1>
Contohnya:
<h1> DUNIA MIMPI TAUFIQ AKBAR </h1>
hasilnya :
DUNIA MIMPI TAUFIQ AKBAR
cara yang kedua juga dapat dilakukan dengan menambahkan simbol #
di awal baris. Jika jumlah simbol hashtag #
bertambah, maka ukuran tulisan judul akan semakin kecil.
Contoh penggunaan symbol # pada penulisan judul:
# TAUFIQ AKBAR 1
## TAUFIQ AKBAR 2
### TAUFIQ AKBAR 3
#### TAUFIQ AKBAR 4
##### TAUFIQ AKBAR 5
###### TAUFIQ AKBAR 6
Hasilnya:
TAUFIQ AKBAR 1
TAUFIQ AKBAR 2
TAUFIQ AKBAR 3
TAUFIQ AKBAR 4
TAUFIQ AKBAR 5
TAUFIQ AKBAR 6
Kemudian, berikut cara untuk penulisan judul, baik itu di tengah, huruf miring dan huruf yang bergaris tengah (coret):
- Penulisan judul di tengah
<center> Contoh Judul di tengah </center>
hasilnya:
TAUFIQ AKBAR
- Penulisan dengan huruf miring
<i> Contoh Judul Miring </i>
Hasilnya:
2. Teks Tulisan |
---|
Untuk merapikan paragraf pada tulisan, seperti rata tengah/kiri/kanan/kiri-kanan kita dapat tambahkan atau gunakan HMTL seperti berikut;
- rata tengah
<p><div class="text-center">TULISKAN TEKS</div></p>
Contohnya:
<p><div class="text-center"> Tugas keempat dalam pembuatan Achievement yaitu tentang markdown, disini kita belajar bagaimana cara tata letak dalam penulisan supaya apa yang kita posting menarik bagi pembaca.</div></p>
Hasilnya:
a. Rata kekiri atau kekanan |
---|
Untuk pembuatan paragraf rata kiri atau rata kanan, kita cukup dengan mengganti text-center
dengantext-right
atau text-left
.
sedangkan untuk pembuatan paragraf rata kiri kanan kita menggati dengan kode text-justify
contohnya:
<p><div class="text-justify">
Tugas keempat dalam pembuatan Achievement yaitu tentang markdown, disini kita belajar bagaimana cara tata letak dalam penulisan supaya apa yang kita posting menarik bagi pembaca.</div></p>
hasilnya :
b. Membuat paragraf dua kolom |
---|
Dalam membuat paragraf kolom dua kita juga masih bermain dengan kode-kode HMTL, berikut saya contohkan cara membuat Paragraf kolom dua beserta kode-kodenya
kode:
<p>
<div class=pull-left>
PARAGRAF KIRI
</div>
<div class=pull-right>
PARAGRAF KANAN
</div>
</p>
Contoh dalam penulisan:
c. Membuat gambar di posisi kanan/kiri paragraf |
---|
Berikut Kode dalam pembuatan Gambar di Posisi sisi kanan atau sisi kiri Paragraf
<p>
<div class="pull-right">
link-gambar<center>
caption-gambar</center></div>
Teks paragraf disini
</p>
contohnya:
4. Membuat daftar bullet & numbering |
---|
Berikut adalah Kode-kode dalam pembuatan daftar bullet & numbering
Kode:
* YAKIN
* USAHA
* SAMPAI
1. YAKIN
2. USAHA
3. SAMPAI
Hasilnya:
- YAKIN
- USAHA
- SAMPAI
- YAKIN
- USAHA
- SAMPAI
5. Membuat Tabel |
---|
Berikut adalah Kode-kode HMTL dalam pembuatan Table:
NO | USERNAME | JABATAN | KETERANGAN
-|-|-
1 | @steemcurator01 | Team Steemit |-
2 | @steemcurator03 | Team Steemit
3 | @cryptokannon | Greater |-
4 | @heriadi |-
5 | @irawandedy | Greater Helper|-
Hasilnya:
NO | USERNAME | JABATAN | KETERANGAN |
---|---|---|---|
1 | @steemcurator01 | Team Steemit | - |
2 | @steemcurator03 | Team Steemit | - |
3 | @cryptokannon | Greater | - |
4 | @heriadi | Greater | - |
5 | @irawandedy | Greater Helper | - |
Sebelumnya Silakan membaca panduan tugas tersebut dengan mengunjungi tautan berikut Achievement 5 Task 1: Steemworld.org.
Khusus untuk Newcomers Indonesia gunakan tagar kusus seperti pada link berikut ---> Penggunaan Tagar (tag) Khusus Untuk Newcomers Indonesia pada postingan berikutnya.
Catatan kurator: Nilai 3
Best Regard,
@irawandedy
Terima Kasih. Mohon arahan dukungan dan bimbingannya bang @irawandedy
Assalamualaikum bang @irawandedy saya telah membuat postingan achievement3 tugas3 tapi belum di verifikasi, mohon abang cc dimana ada kendala tolong abang instruksi, terimakasih atas perhatian abang🙏🙏🙏
Done
Thank you, 🤗🤗🤗
Assalamualaikum. Bg @irawandedy saya telah menyelesaikan acievemen5.1 tolong abang Acc. Terimakasih
https://steemit.com/hive-172186/@nuruzzahri/achievement-5-task-1-by-nuruzzahri-review-steemworld-org
Assalamualaikum bang @irawandedy saya telah menyelesaikan achievent1 tapi saat ini belum di verifikasi, mohon Abang CC
Maksudnya? kan saat ini sudah terverifikasi sampai achievement 4
Belum bg @irawandedy,achievement1 udah saya edit ulang
Assalamualaikum Bang @irawandedy, saya telah menyelesaikan achievement4 tugas4,
https://steemit.com/hive-172186/@nuruzzahri/achievement4-task4-by-nuruzzahri-task-applying-markdowns
Pak @irawandedy, saya sudah membuat postingan achievement2 tugas2. Tolong bapak acc.
Link achievement2 saya:
https://steemit.com/hive-172186/@steemcepat/achievement2-tugas2-by-steemcepat
Hi, @djadawadjadi,
Your post has been supported by @tarpan from the Steem Greeter Team.
Thanks to @steemcurator03