Achievement 4 by @scoblack Task : Applying Markdowns

in Newcomers' Community3 years ago

PicsArt_07-06-03.24.40-picsay.jpg

Bismillahirrahmanirrahim Assalamualaikum Warahmatullahi Wabarakatuh Apa kabar sahabat steemian semua? Semoga selalu dalam keadaan sehat dan dalam lindungan Allah SWT selalu.

Sebelumnya, kita perlu mengetahui dulu apa itu markdown.

Markdown adalah sebuah tools untuk melakukan konversi text-to-HTML yang bisa digunakan ketika membuat konten web. Dengan menggunakan Markdown kita dapat menulis konten HTML dengan format yang mudah dibaca dan mudah pula untuk ditulis (easy-to-read dan easy-to write).
Markdown dibuat oleh John Gruber sejak 2004 dengan bahasa Perl. Tujuan utama dari pembuatan Markdown adalah untuk mempermudah penulisan format plain text dan sebagai opsi untuk bisa mengkonversinya ke HTML dan XHTML. Sumber

Dengan adanya markdown ini, maka tata letak tulisan akan lebih rapi dan mudah dibaca. Markdown juga membuat tulisan kita lebih bervariasi dan keren tergantung cara kita memakainya.

HEADING (JUDUL)

Anda dapat membuat heading dengan menyisipkan simbol "#" (tanpa tanda petik dua) di awal kalimat.
# sebagai contoh

Akan menjadi seperti ini >

sebagai contoh

Semakin banyak simbol "#" maka tulisan akan semakin kecil, hingga maksimal 6 "#".
# sebagai contoh
## sebagai contoh
### sebagai contoh
#### sebagai contoh
##### sebagai contoh
###### sebagai contoh
Akan menjadi seperti ini >

sebagai contoh

sebagai contoh

sebagai contoh

sebagai contoh

sebagai contoh
sebagai contoh

Bisa juga untuk heading kita menyisipkan tanda (---) atau (===) tanpa tanda kurung dibawah kalimat judul

sebagai contoh
---

sebagai contoh
===

Maka hasilnya >

sebagai contoh

sebagai contoh


TULISAN TEBAL & MIRING

Untuk membuat tulisan miring anda cukup menyisipkan simbol (*)

* ini contoh miring *

Hasilnya > ini contoh miring

Untuk membuat tulisan tebal sisipkan saja dua simbol (**)

** ini contoh tebal **

Hasilnya > ini contoh tebal

Untuk mengkombinasikan tebal dan miring maka sisipkan tiga (***)

*** ini contoh tebal dan miring ***

Hasilnya > ini contoh tebal dan miring


TATA LETAK TULISAN

Untuk merapikan tulisan di postingan kita, ada beberapa macam caranya. Bisa rata kiri-kanan, bisa ditengah, bisa rata kanan dan bisa membuat dua kolom paragraf.

  • Tulisan rata kiri-kanan
    Ini adalah yang paling sering digunakan, karena kelihatan nya lebih rapi dan indah. Maka gunakan kode(markdown)
    <div class="text-justify">teks disini</div>

Sebagai contoh >
<div class="text-justify">zaki adalah anak yang sangat berbakti kepada orang tua, namun ketika bersama teman-temannya dia adalah anak yang nakal dan menjadi pimpinan kelompok geng di sekolah nya</div>

Hasilnya >

zaki adalah anak yang sangat berbakti kepada orang tua, namun ketika bersama teman-temannya dia adalah anak yang nakal dan menjadi pimpinan kelompok geng di sekolah nya

  • Tulisan rata kanan
    Untuk tulisan rata kanan cara nya kalian tinggal menyisipkan kode
    <div class="text-right">teks disini</div>

  • Tulisan di tengah
    Untuk tulisan di tengah, sisipkan saja kode
    <div class="text-center">teks disini</div>


DUA KOLOM PARAGRAF

Terkadang kita perlu membuat dua paragraf yang berdampingan untuk tulisan kita. Nah, caranya adalah dengan membuatnya seperti ini

<div class="pull-right">
POSISI DI KANAN Banyak penjahat yang sudah taubat atas kejahatan nya dan menyesali perbuatan mereka. Namun tak sedikit juga penjahat lain yang bermunculan.</div>
POSISI DI KIRI Banyak penjahat yang sudah taubat atas kejahatan nya dan menyesali perbuatan mereka. Namun tak sedikit juga penjahat lain yang bermunculan.

Hasilnya >

POSISI DI KANAN Banyak penjahat yang sudah taubat atas kejahatan nya dan menyesali perbuatan mereka. Namun tak sedikit juga penjahat lain yang bermunculan.
POSISI DI KIRI Banyak penjahat yang sudah taubat atas kejahatan nya dan menyesali perbuatan mereka. Namun tak sedikit juga penjahat lain yang bermunculan.

MENAUTKAN LINK

Menautkan link adalah yang sangat sering digunakan. Cara nya tinggal copy dan pastekan saja link nya. Jika link itu aktif, maka otomatis akan berubah menjadi hijau dan bisa di klik.
https://steemit.com/@scoblack
Maka jadi > https://steemit.com/@scoblack

Nah, link ini juga bisa di ubah namanya agar tidak terlau panjang. Cara nya sisipkan saja "[]" untuk namanya dan "()" untuk link tujuannya.
[motivasi](https://steemit.com/hive-107252/@scoblack/motivation-story-or-buku-tak-lebih-dari-kuburan-kata-benarkah)
Hasilnya >Motivasi


LETAK POSISI GAMBAR

Jika biasanya ketika kita posting gambar, maka letaknya seperti ini
untuk gambar dua kolom 1.jpg

Kita juga bisa meletakkan di kanan seperti ini

ini di kanan
Foto sunset yang diambil dengan menggunakan kamera bawaan ponsel

ini di kiri
Ini diambil dengan menggunakan kamera gcam yang tidak tersedia di play store

Cara nya adalah dengan menyisipkan

Untuk yang di kiri >
<div class="pull-left"> link gambar disini <center> caption disini </center> </div>

Untuk yang di kanan >
<div class="pull-right"> link gambar disini <center> caption disini </center> </div>


MEMBUAT KALIMAT QOUTES (KUTIPAN)

Membuat kalimat kutipan caranya adalah dengan menambahkan/menyisipkan tanda (>) diawal kalimat kutipan tersebut
Contoh > "Sebagai triliuner, kebanyakan orang lebih tertarik sama jenis mobil yang saya naikin, daripada jenis buku apa yang jadi kendaraan saya buat sukses" - Warren Buffett.
Hasilnya >>

"Sebagai triliuner, kebanyakan orang lebih tertarik sama jenis mobil yang saya naikin, daripada jenis buku apa yang jadi kendaraan saya buat sukses" - Warren Buffett.


MEMBUAT TABEL

Cara nya adalah dengan membuat nya seperti ini

Screenshot_2021-07-06-02-53-01-079_jp.foo.mojisua~2.jpg

Maka hasilnya >>

PicturesSmartphone
ModelRedmi Note 10
Android11
Photographer@scoblack
LocationAceh

Mungkin hanya sekian postingan #achievement4 saya tentang Applying Markdowns. Terimakasih kepada pak @heriadi yang telah merangkum tatacara nya untuk para newbie dari postingan @cryptokannon. Semoga menjadi manfaat terutama untuk saya dan selebihnya kepada sekalian pembaca. Mohon maaf jika ada kesalahan.

salam @scoblack

Sort:  

You have been verified for this task and you may proceed to the next achievement task at your convenience.
Note:

Curators Rate: 3

Please continue to read and prepare from @cryptokannon Achievement tasks resources

 3 years ago 

Thank brother @sarkodieeric1

 3 years ago 

Hi, @scoblack,

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

 3 years ago 

Thanks dude

Coin Marketplace

STEEM 0.18
TRX 0.16
JST 0.029
BTC 62204.66
ETH 2437.96
USDT 1.00
SBD 2.64