Tip Memformat Tulisan di Steemit

From Steem Center
Jump to: navigation, search

Steemit, aplikasi terbesar di platform Steem, mengijinkan pengguna (steemian) menulis, menyunting, dan "menghapus" konten yang mereka buat. Perlu diingat bahwa tulisanmu hanya bisa disunting atau diedit dalam waktu sekitar 7 hari sejak tulisan dibuat.

Pemformatan

Konten Steemit dibaca melalui browser, seperti Chrome dan Mozilla Firefox, sehingga mengikuti pengkodean yang berlaku di browser. Kalau pengguna sekadar menaruh teks mentah di Steemit, dia tak memerlukan pengkodean apa pun. Tapi, bila pengguna ingin menampilkan teks dengan huruf miring atau menampilkan konten multimedia (gambar, video) di Steemit, maka pengguna perlu menggunakan kode-kode tertentu.

Steemit menggunakan pengkodean yang sangat sederhana yang disebut Markdown. Steemit juga mengijinkan penggunaan beberapa kode HTML (Hypertext Markup Language). Semua browser dapat mengenali kode Markdown dan HTML.

Markdown

Markdown bukan sebuah program, tapi bahasa markup (markup language).[1] Dia hanya memperkaya teks biasa. Misalkan, "teks" normal bisa ditampilkan menjadi teks yang dicetak tebal (bold) tanpa menggunakan program pengolah kata apa pun, seperti Microsoft Word atau Open Office.

Semua itu cukup dilakukan dengan Markdown. Caranya pun gampang karena cukup diberi tanda-tanda sederhana, seperti bintang * atau garis bawah _.

Tak semua kode Markdown berlaku di Steemit. Di artikel ini hanya akan menyajikan kode-kode yang berlaku di Steemit.

HTML

HTML adalah bahasa markup untuk memformat konten di browser. Kode-kodenya ditandai dengan <kode>. Contohnya teks untuk membuat "teks" jadi miring (italics).

Steemit mengijinkan penggunaan beberapa kode HTML. Kode-kode itu masuk dalam daftar putih (white list). Anda dapat menggunakan kode HTML sebagai alternatif pemformatan tulisan, terutama bila kode pemformatan itu tak ada di Markdown.

Anda juga dapat menggabungkan kode Markdown dengan HTML sekaligus di satu tulisan.

Tip Pemformatan

Anda sangat disarankan memformat tulisan dengan baik sebelum diunggah (submit) di Steemit. Untuk membuat konten, Anda dapat menggunakan mode "Editor" atau "Markdown" di laman pengunggahan. Berikut ini beberapa tip pemformatan yang paling umum dipakai di Steemit.[2] [3]

Daftar lengkap kodenya ada di Markdown Cheat Sheet.[4] Tapi, ingat, tak semua kode Markdown di GitHub berlaku di Steemit.

Huruf Kapital (Header)

Anda tak bisa memperbesar atau memperkecil suatu teks. Tapi, Anda dapat memakai format standar huruf kapital yang tersedia di Markdown dengan memakai tanda pagar #. Makin banyak #, huruf akan makin kecil. Jangan lupa memberi spasi kosong antara # dan kata.

Anda juga dapat memakai kode HTML <h> dengan disertai nomor. Makin besar nomornya, makin kecil hurufnya.

#TEKS atau <h1>TEKS</h1>
######TEKS atau <h6>TEKS</h6>

Cetak Miring (Italics)

Gunakan satu tanda bintang * atau garis bawah _ sebelum dan sesudah kata yang ingin dicetak miring. Anda juga dapat menggunakan kode HTML <i> atau <em>. Jangan lupa bahwa tanda bintang harus menempel pada teks.

*Miring* atau _Miring_
<i>Miring</i> atau <em>Miring</em>

Cetak Tebal (Bold)

Gunakan dua tanda bintang ** atau dua garis bawah __ sebelum dan sesudah kata yang ingin ditebalkan. Anda juga dapat menggunakan kode HTML <b> atau <strong>. Jangan lupa bahwa tanda bintang harus menempel pada teks.

**Tebal** atau __Tebal__
<b>Tebal</b> atau <strong>Tebal</strong>

Cetak Tebal dan Miring

Anda dapat mengkombinasikan cetak tebal dan miring dengan menggabungkan kedua kode di atas.

**_Tebal Miring_** atau __*Tebal Miring*__
<b><i> Tebal Miring </i></b>

Mencoret Teks

Untuk membuat teks seakan dicoret (strikethrough), tambahkan 2 tilde ~~ tepat sebelum dan sesuah teks.

~~ini dicoret~~

Baris dan Paragraf

Anda tak perlu memformat tulisan untuk membuat baris atau paragraf. Markdown mengenalinya dari baris kosong antara teks pertama dan teks berikutnya.

Teks turun sebaris dengan menekan 1 kali [enter] atau menambah kode HTML
.

Tulisan baris pertama<br>
Tulisan baris kedua

Untuk membuat paragraf baru, cukup menekan 2 kali [enter].

Markdown juga otomatis mengatur agar teks jadi rata kiri tanpa Anda perlu menambah kode apa pun.

Rata Tengah (Teks, Gambar, Video)

Teks, gambar, dan video dapat diatur agar tampil di tengah dengan menambah kode <center>.

<center> teks  </center>
<center> link-gambar </center>
<center> link-video </center>

Teks: Rata Kiri dan Kanan

Teks dapat diatur menjadi rata kiri dan kanan (justify) dengan menambah kode <div class="text-justify">.

<div class="text-justify"> Teks rata kiri dan kanan </div>

Teks: Rata Kanan

Teks dapat diatur menjadi rata kanan dengan menambah kode <div class="text-right">.

<div class="text-right"> Teks rata kanan </div>

Teks: Dari Kanan ke Kiri

Ini pengaturan khusus untuk bahasa yang cara bacanya dari kanan ke kiri, seperti bahasa Arab.

Teks dapat diatur agar terbaca dari kanan ke kiri dengan menambah kode <div class="text-rtl">.

<div class="text-rtl">بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ</div>

Pranala (Link)

Untuk menambahkan pranala atau link, gunakan tanda [ ] dan ( ). Cara lain dengan menggunakan kode HTML <a>.

[Teks yang bisa diklik](http:www.alamatsitus.com)
<a href="http://www.alamatsitus.com">Teks yang bisa diklik</a>


Kutipan

Untuk menandai suatu teks sebagai kutipan, gunakan tanda < di depan teks. Teks itu kemudian akan sedikit masuk ke dalam.

> Teks yang dikutip.


Daftar

Untuk membuat daftar tak urut, cukup tambahkan tanda bintang * di depan item. Untuk sub-item, beri spasi kosong di depan tanda bintang.

* Item 1
* Item 2
  * Item 2a
  * Item 2b

Untuk membuat daftar urut, beri nomor dan tanda titik . di depan item. Untuk sub-item, beri spasi kosong di depan angka.

1. Item 1
2. Item 1
   1. Item 1a
   2. Item 1b

Tabel

Pembuatan tabel cukup dengan menggunakan tanda garis tegak | untuk membuat kolom dan tanda minus berderet -- untuk memisahkan antara judul dan isi.

Judul Kolom 1 | Judul Kolom 2
------------ | -------------
baris 1 kolom 1 | baris 1 kolom 2
baris 2 kolom 1 | baris 2 kolom 2

Gambar

Untuk menyisipkan gambar, cukup taruh pranala gambar yang sudah Anda miliki di kotak Submit.

https://steemitimages.com/0x0/https://cdn.steemitimages.com/kodegambar/nama-file-gambar.jpg

Video dan Media

Seperti pada gambar, taruh pranala video Anda di kotak Submit.

Cara lain dengan menyisipkan link embedded HTML video tersebut dengan kode <iframe>. Hanya link dari YouTube, Vimeo, dan SoundCloud yang bisa digunakan.

Referensi

  1. Markup_language di Wikipedia, diakses pada 8 Juli 2018
  2. Optimalisasi Steemit dengan Markdown Agar Tampil Cantik oleh @blogiwank di Steemit, diakses pada 8 Juli 2018
  3. Mengatur Rata Kiri, Tengah, Kanan, dan Justify untuk Teks dan Gambar dengan Markdown oleh @blogiwank di Steemit, diakses pada 8 Juli 2018
  4. Markdown Cheat Sheet oleh Adam Pritchard in GitHub, diakses pada 26 Juli 2017

Pranala

Artikel Terkait

Pranala Luar

Dalam Bahasa Lain