---

---

---

• Cara membuat foto

<div class="pull-left">letakkan foto anda/url gambar</div>
<div class="pull-right">letakkan foto anda/url gambar</div>
Misalnya sintaks ini menghasilkan hasil sebagai berikut:

---

<center> https://cdn.steemitimages.com/250x250/ https://cdn.steemitimages.com/DQmRYAHsVghFqAB5hguh3PkAT1zJhJKbSHR4zimqE8mWPKq/received_317170825950135.jpeg </center>

---

• Gambar ditengah

<center>link-gambar</center>

<center>oleh @muftii</center>

oleh @muftii

---

• Gambar disisi kanan teks

<p>
<div class="pull-right">url gambar<center>by @muftii</center>``</div>Isi teks disini
</p>

Pantai Ujong seurangga merupakan objek wisata yang menarik untuk dikunjungi, disana kita bisa melihat indahnya panorama saat matahari terbenam menyambut senja.

---

• Gambar disisi kiri

<p>
<div class="pull-left">url gambar<center>by @muftii</center>``</div>Isi teks disini
</p>

Budaya membaca tidak mengenal usia tua, bacalah apa yang bisa kita baca karna itu adalah jendelanya Dunia. Banyak baca banyak tahu banyak baca banyak Ilmu. Ketahuilah bahwa dengan Ilmu hidup akan menjadi mudah, dengan seni hidup akan jadi indah dan dengan membaca hidup akan menjadi terarah.

---

• Teks Tebal Miring

Kode bintang 3
***ada sebuah mimpi yang benar-benar menjadi kenyataan yaitu mimpi ngompol***

Hasilnya seperti ini
ada sebuah mimpi yang benar-benar menjadi kenyataan yaitu mimpi ngompol

• Teks miring kecil
  Kode bintang 1
  *Cinta, apa itu cinta...? Benarkah Ciuman Indah Namun Tiada Arti...?*

Hasilnya
Cinta, apa itu cinta...? Benarkah Ciuman Indah Namun Tiada Arti...?

• Teks tebal

Kode Bintang 2

**Hidup untuk makan atau makan untuk hidup**

Hasilnya

Hidup untuk makan atau makan untuk hidup

• Gaya teks tercoret

<del>Ada yang tahu mandi apakah yang tidak basah...??</del>

Hasilnya seperti ini

Ada yang tahu mandi apakah yang tidak basah...??

---

• Teks paragraf masuk kedalam/Alenia

<div class="pull-left">
<img src="https://i.imgur.com/ZP36KMd.png" alt="">
</div>

Hati seorang mukmin terletak dibelakang Qalbunya,...

Hati seorang mukmin terletak dibelakang Qalbunya,..

---

• Membuat Judul/Sub judul
  Disini kita bisa menggunakan markup sebelum Judul <h1> dan ditutup dengan </h1>. Dan bisa juga dengan menggunakan tanda pagar
  # sebelum Judul

# Cinta
## Suci
### Takkan Lari
#### Walau diterjang
##### Gelombang
###### Tsunami

Hasilnya

Cinta

Suci

Takkan Lari

Walau diterjang

Gelombang

Tsunami

---

• Membuat teks ditengah

Gaya Teks ini sangat indah, biasanya dipakai untuk menulis puisi, lagu dan lainnya.

Kodenya adalah
<p><div class="text-center">

Dunia ini laksana Lautan yang Luas
Kita adalah kapal yang berlayar didalamnya
Telah banyak kapal yang karam dan tenggelam
Andaikata muatan kita Iman dan Layarnya Taqwa
Niscaya kita akan selamat dari Sesatnya Dunia ini.
</div></p>

Hasilnya

• Teks rata kiri

<p><div class="text-left">

Dunia ini laksana Lautan yang Luas
Kita adalah kapal yang berlayar didalamnya
Telah banyak kapal yang karam dan tenggelam
Andaikata muatan kita Iman dan Layarnya Taqwa
Niscaya kita akan selamat dari Sesatnya Dunia ini.
</div></p>

Hasilnya

• Gaya teks rata kanan

<p><div class="text-right">

Dunia ini laksana Lautan yang Luas
Kita adalah kapal yang berlayar didalamnya
Telah banyak kapal yang karam dan tenggelam
Andaikata muatan kita Iman dan Layarnya Taqwa
Niscaya kita akan selamat dari Sesatnya Dunia ini.
</div></p>

Hasilnya

• Gaya teks Rata kiri-kanan

<p><div class="text-justify">

Dunia ini laksana Lautan yang Luas
Kita adalah kapal yang berlayar didalamnya
Telah banyak kapal yang karam dan tenggelam
Andaikata muatan kita Iman dan Layarnya Taqwa
Niscaya kita akan selamat dari Sesatnya Dunia ini.
</div></p>

Hasilnya

• Jika teks adalah kutipan
  Maka tambah kode markup sebelum teks >

Dunia ini laksana Lautan yang Luas
Kita adalah kapal yang berlayar didalamnya
Telah banyak kapal yang karam dan tenggelam
Andaikata muatan kita Iman dan Layarnya Taqwa
Niscaya kita akan selamat dari Sesatnya Dunia ini.

• Gaya menulis 2 kolom

Ikuti langkah-langkah dibawah ini
<p>
<div class=pull-left>
Paragraf 1
</div>

<div class=pull-right>
Paragraf 2
</div>
</p>

---

Untuk pembatas gunakan kode ini ---dibawah teks

• Cara menautkan link/sumber tersembunyi

[STEEM AUTO OWNED by @xpilar]``(https://steemit.com/hive-185836/@xpilar/steem-auto-owned-by-xpilar-we-give-you-a-brand-new-steem-auto)

Hasilnya
STEEM AUTO OWNED by @xpilar

• Cara membuat tabel

NO | USERNAME | JABATAN
-|-|-
1 | @cryptokannon | Admin Newcomers' Community
2 | @fombae | TIM Penyapa
3 | @steemcurator01 | Curator

Hasilnya:

NO	USERNAME	JABATAN
1	@cryptokannon	Admin Newcomers Community
2	@fombae	TIM Penyapa
3	@steemcurator01	Curator

Note : tabel diatas hanya sebagai contoh

Cara membuat daftar / nomor

Ketik Bintang * dan spasi.

Contoh

• 1
• 2
• Aku
• Kamu

---