Achievement 4 : Applying Markdown

in Newcomers' Community3 years ago (edited)

ACHIEVEMENT 4.png

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:

TAUFIQ AKBAR

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:

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.

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 :

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.

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:

Aceh merupakan salah satu daerah yang termiskin di Indonesia. Aceh Menempati Peringkat yang Pertama Miskin se Sumatera.

Dari catatan sejarah, Rakyat Aceh merupakan Garis Keturunan Raja. Sebab itu orang Aceh sebagiannya termasuk saya malas dalam bekerja.

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:

meme @naufal

Setelah kita berusaha, yakinlah pada apa yang sudah kita lakukan dan jangan berharap akan dihargai oleh orang lain, apapun itu. Dalam dunia Steemit pun demikian. @irawandedy selalu memotivasi saya, teruslah bekarya, walaupun itu pahit. Hari ini kita jangan terlalu berharap upvote dari @steemcurrator01 atau nol-nol berapakah dalam steemit tapi, tampilkan kreasi-kreasi perubahan dalam dunia Steemit. Kita harus yakin percaya suatu saat dia pasti akan datang pada kita, walaupun tidak memberikan upvote, setidaknya sudah melihat akun steemit kita.

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
  1. YAKIN
  2. USAHA
  3. 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:

NOUSERNAMEJABATANKETERANGAN
1@steemcurator01Team Steemit-
2@steemcurator03Team Steemit-
3@cryptokannonGreater-
4@heriadiGreater-
5@irawandedyGreater Helper-
Sort:  
 3 years ago 
Selamat... Anda telah diverifikasi untuk tugas Achievement 4 ini dan Anda dapat melanjutkan ke tugas berikutnya pada Achievement 5 tentang The Steem Tools Achievement 5 Task 1 : Steemworld.org.

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

 3 years ago 

Terima Kasih. Mohon arahan dukungan dan bimbingannya bang @irawandedy

 3 years ago 

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

 3 years ago 

Done

 3 years ago 

Thank you, 🤗🤗🤗

 3 years ago 

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

 3 years ago 

Maksudnya? kan saat ini sudah terverifikasi sampai achievement 4

Belum bg @irawandedy,achievement1 udah saya edit ulang

 3 years ago 
 3 years ago 

Pak @irawandedy, saya sudah membuat postingan achievement2 tugas2. Tolong bapak acc.

Link achievement2 saya:
https://steemit.com/hive-172186/@steemcepat/achievement2-tugas2-by-steemcepat

 3 years ago 

Hi, @djadawadjadi,

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

 3 years ago 

Thanks to @steemcurator03

Coin Marketplace

STEEM 0.19
TRX 0.18
JST 0.032
BTC 87119.34
ETH 3264.22
USDT 1.00
SBD 2.93