Achievement 4 by @arul.ellyazhar Task : Applying Markdowns
Achievement 4 : Applying Markdown
Image Source
Assalamu’alaikum Wr. Wb
Selamat malam sahabat stemian semua, semoga kita selalu dalam lindungan dan hidayah Allah SWT dalam menjalankan segala aktifitas sehari-hari, Aamiin...
Pada kesempatan ini terlebih dahulu saya mengucapkan syukur karena Achievement 3 saya telah mendapat verifikasi oleh Team Greeter. Dalam hal ini saya mengucapkan terima kasih oleh seluruh Team Greeter.
Saya sangat bersemangat untuk menyelesaikan semua Achievement/pencapaian saya dalam tahun ini, sekarang saya akan melanjutkan Achievement 4 tentang Applyng Markdown, sesuai dengan panduam yang saya baca pada postingan Team Greeter Indonesia yaitu Abang @heriadi yang berjudul Panduan Penulisan Achievement 4 By @heriadi Tugas : Penggunaan Markdown Bagi Pendatang Baru yang merupakan terjemah dari postingan @cryptokannon.
Apa Itu Markdown?
"Markdown adalah (lightweight markup language) bahasa markup yang lebih ringan dari HTML untuk formatting teks. Markdown bisa dikonversi ke dalam HTML menggunakan beberapa aplikasi. Biasanya menggunakan markdown editor itu sendiri. Markdown dibuat pada tahun 2004 oleh John Gruber. Tujuannya untuk mempermudah penulisan dokumen web—mudah ditulis dan mudah dibaca—Karena menulis langsung HTML terasa melelahkan dan susah dibaca." Sumber
Sebuah konten postingan yang bagus harus diatur tata letak bagus dan menarik agar dapat dibaca dengan mudah sehingga tidak membosankan pembaca. Sesuai dengan tujuan penyelesaian Achievement 4 ini :
- Memiliki keterampilan dalam mengatur tata letak tulisan supaya lebih menarik.
- Dapat menggunakan tata letak tulisan dengan templat tata letak penulisan yang diberikan.
Judul
Untuk membuat judul postingan atau sub-judul ada dua cara yang bisa kita lakukan:
- Penggunaan simbol # di awal baris, pada penggunaan ini jika jumlah simbol # bertambah, maka ukuran tulisan judul akan semakin kecil.
- Penggunaan sibol (---) atau (===) di bawah Judul .
Contoh penggunaan simbol # pada penulisan judul:
# Contoh Judul 1
## Contoh Judul 2
### Contoh Judul 3
#### Contoh Judul 4
##### Contoh Judul 5
###### Contoh Judul 6
Maka bentuk hasil tulisannya seperti di bawah ini:
Contoh Judul 1
Contoh Judul 2
Contoh Judul 3
Contoh Judul 4
Contoh Judul 5
Contoh Judul 6
Contoh penggunaan simbol (---) atau (===) pada penulisan judul:
Contoh Judul 1
===
Contoh Judul 2
---
Maka bentuk hasil tulisannya seperti di bawah ini:
Contoh Judul 1
Contoh Judul 2
Untuk menempatkan judul berada di tengah, huruf miring dan huruf yang bergaris tengah (di coret) sebagai berikut:
Judul di tengah
# <center> Contoh Judul di tengah </center>
Judul cetak miring
# <i> Contoh Judul Miring </i>
Judul di coret
# ~~Contoh Judul di coret~~
Bentuk tulisannya menjadi seperti di bawah ini :
Contoh Judul di tengah
Contoh Judul Miring
Contoh Judul di coret
Teks Tulisan
Untuk merapikan teks pada tulisan pada postingan,ada beberapa bentuk yang dapat digunakan, sebagai berikut :
- Rata Kiri kanan (justify)
<div class="text-justify">
Sehubungan dengan akan dilaksanakannya Pendidikan Dasar JIPALA (PDJ) IX/2021 di Gunung Kapal, Kecamatan Permata Kabupaten Bener Meriah, mulai tanggal 05 Desember - 15 Desember 2021.
</div>
Maka hasilnya akan terlihat seperti dibawah ini:
- Meratakan teks menjadi dua kolom
<div class="pull-right">
Sehubungan dengan akan dilaksanakannya Pendidikan Dasar JIPALA (PDJ) IX/2021 di Gunung Kapal, Kecamatan Permata Kabupaten Bener Meriah, mulai tanggal 05 Desember - 15 Desember 2021.</div>
Sehubungan dengan akan dilaksanakannya Pendidikan Dasar JIPALA (PDJ) IX/2021 di Gunung Kapal, Kecamatan Permata Kabupaten Bener Meriah, mulai tanggal 05 Desember - 15 Desember 2021.
Maka hasilnya akan terlihat seperti dibawah ini:
### Cara menulis text di tengah Anda dapat menulis perintah ini `
Contoh:
<center>Sehubungan dengan akan dilaksanakannya Pendidikan Dasar JIPALA (PDJ) IX/2021 di Gunung Kapal, Kecamatan Permata Kabupaten Bener Meriah, mulai tanggal 05 Desember - 15 Desember 2021.</center>
Maka hasilnya akan terlihat seperti dibawah ini:
Cara menulis Huruf kecil di bawah (Subscript) atau diatas (Superscript)
- Subscript
Anda dapat menulis perintah ini<sub>Tulis text disini</sub>
Contoh
H<sub>2</sub>O
Maka akan terlihat H2O
- Superscript
Anda dapat menulis perintah ini<sup>
Contoh
Syukur Alhamdulillah beberapa waktu yang lalu, Achievement 3<sup>
klik disini`
Disini kita juga dapat menambah tautan yang dapat diklik
Contoh
Syukur Alhamdulillah beberapa waktu yang lalu, Achievement 3<sup>[klik disini](https://steemit.com/hive-172186/@arul.ellyazhar/achievement-3-oleh-arul-ellyazhar-tugas-kode-etik-konten)</sup>
Maka hasilnya akan terlihat seperti dibawah ini:
Syukur Alhamdulillah beberapa waktu yang lalu, Achievement 3klik disini
Membuat Tabel
Di sini saya menggunakan cara yang mudah untuk membuat tabel
Header 1 | Header 2
--------- | ----------
Cell 1 | Cell 2
Cell 3 | Cell 4
Maka hasilnya akan terlihat seperti dibawah ini:
Header 1 | Header 2 |
---|---|
Cell 1 | Cell 2 |
Cell 3 | Cell 4 |
Line Break
Jika anda membutuhkan jeda baris tambahan di antara teks. Dapat menggunakan kode <br>
untuk memasukkan spasi baris ekstra.
Video
Kita dapat memasukkan video atau gambar bergerak (gif) dengan cara sebagai berikut:
***
<center>https://youtu.be/DGcoQqeVZu4</center>
***
Maka hasilnya akan terlihat seperti dibawah ini:
Sebuah video milik @intrepidthinker pada channel YouTubenya
- Gif juga dapat disematkan, cukup letakkan tautannya dan Anda bahkan dapat memusatkannya dengan perintah
<center></center>
Penggaris
Jika Anda ingin memisahkan tema, Anda dapat mengunggah penggaris atau Anda dapat menggunakan di awal garis 3 tanda hubung, 3 bintang atau 3 tanda yang sama
---
atau ***
atau ===
Maka hasilnya akan terlihat seperti dibawah ini:
Cara Mengatur tata letak gambar
Kita dapat mengatur posisi gambar di tengah, di sisi kiri atau sisi kanan
Rata Kiri
<div class="pull-left">
https://cdn.steemitimages.com/DQmSGA1Pidr3m96L1b1Gx3kmKY1kPeWWr4kn8LHRu3AZYZd/LRM_EXPORT_151805496402993_20210805_205532876.jpeg
</div>
Maka hasilnya akan terlihat seperti dibawah ini
Rata Kanan
<div class="pull-right">
https://cdn.steemitimages.com/DQmSGA1Pidr3m96L1b1Gx3kmKY1kPeWWr4kn8LHRu3AZYZd/LRM_EXPORT_151805496402993_20210805_205532876.jpeg
</div>
text below
Maka hasilnya akan terlihat seperti dibawah ini
Posisi Tengah
<center>https://cdn.steemitimages.com/DQmSGA1Pidr3m96L1b1Gx3kmKY1kPeWWr4kn8LHRu3AZYZd/LRM_EXPORT_151805496402993_20210805_205532876.jpeg</center>
Ini adalah Hasil dari perataan tengah, dimensi gambar tidak berubah
Sekian penyelesaian Achievement 4/tugas 4 saya tentang Applying Markdow. Terima kasih kepada seluruh Tim Greeter Indonesia yang banyak membantu memberikan informasi dan panduan kepada kami para pendatang baru.
Salam kenal dan hormat saya kepada :
@anroja
@radjasalman
@heriadi
@irawandedy
@nadilchairi
Daftar Postingan Achievement Saya :
No | ||
---|---|---|
1 | Achievement 1 | My Introduction |
2 | Achievement 2 | Basic Security on Steem |
3 | Achievement 3 | Kode Etik Konten |
Salam @arul.ellyazhar
Kerja yang bagus kawan @arul.ellyazhar
Terima kasih kakak @palang
Good luck brother, keep up the good work
Good luck bro, keep up the good work
Hello. For this achievement you need to make a simple post, but you need to apply the markdown you explained here. The achievement is not about explaining, but applying. Make a post using different markdown styles so you can be verified, please. Don't forget to add links to your previous achievements 😊 Tuesday, October 26th, 2021.
#onepercent #venezuela #affable
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.
Gunakan tag khusus agar postingan anda tidak terlewati di masa yang akan datang baca disini Attention : Penggunaan Tagar (tag) Khusus Untuk Newcomers Indonesia
Catatan Kurator : Nilai 2
Best Regard,
@nadilchairi
Siap, terima kasih Bang @nadilchairi
Postingan ini sudah mau kadaluarsa Bang @nadilchairi