Compose mode
Daftar atau list dengan nomor
- Daftar pertama
- Daftar kedua
- Daftar ketiga
- Daftar Keempat
Daftar atau list dengan dots
- Daftar pertama
- Daftar kedua
- Daftar ketiga
- Daftar Keempat
Table
| No | Nama Kota | Laki-laki | Perempuan | Jumlah Penduduk |
|---|---|---|---|---|
| 1 | Jatinangor | 57.332 | 55.902 | 113.234 |
| 2 | Tanjungsari | 41.131 | 39.236 | 80.367 |
| 3 | Rancakalong | 19.564 | 19.419 | 38.983 |
| 4 | Sumedang Utara | 45.174 | 51.107 | 96.281 |
Cara penulisan table yang benar seperti diatas adalah dengan mode html yang kodenya sebagai berikut:
<div class='table'>
<table>
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Kota</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Kota</td>
<td>Sumedang</td>
</tr>
<tr>
<td>2</td>
<td>Desa</td>
<td>Mekar Jaya</td>
</tr>
<tr>
<td>3</td>
<td>Dusun</td>
<td>Pamarisen</td>
</tr>
</tbody>
</table>
</div>Syntax Highlighter
Penulisan Syntax Highlighter secara manual pada mode HTML postingan
// Untuk menggunakan Syntax Highlighter penulisannya adalah seperti ini
<pre><code>
<!-- kode html, css ata javascript disini -->
</code></pre>Paragraf dengan tambahan link anchor dan link aktif yang ditambahkan secara manual melalui mode compose.
Dropcap
Drop cap adalah huruf kapital besar yang digunakan sebagai elemen dekoratif di awal paragraf atau bagian.
Format penulisan:
<p class="dropcaps"></p>Pemisah Pragraf
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus. Nulla quam magna, pharetra in ultrices at, condimentum id tellus.
Paragraf kedua dipisah dengan titik horizontal (seperti yang anda lihat diatas paragraf ini) yang berfungsi sebagai page break atau paragraf level thematic break dalam artikel yang panjang.
Format penulisan:
<hr>Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus. Nulla quam magna, pharetra in ultrices at, condimentum id tellus.
- Sed suscipit sapien sed turpis ultrices viverra. Ut quis dui sed odio sollicitudin fermentum.
- Aliquam vitae metus laoreet, dapibus enim sit amet, feugiat lorem. Sed in dui purus.
Untuk kutipan paragraf anda bisa menggunakan compose mode dan tambahkan blockquote pada mode tersebut sehingga hasilnya akan terlihat seperti diatas.
Format penulisan:
<div id="toc"><b class="toc"></b></div>Tombol
Tombol link berbeda untuk menampilkan link penting seperti link download, preview dan sebagainya. Secara defaul tampilannya akan seperti dibawah ini:
TombolFormat penulisan:
<a class="button" href="#">Tombol</a>Table of content
Merupakan fitur yang biasanya terdapat pada wikipedia yang berfungsi untuk memudahkan user untuk mengetahui poin utama atau isi postingan dalam postingan.
Format penulisan:
<div id="toc"><b class='toc'></b></div>Lazy youtube
Berguna untuk memuat video youtube setelah halaman di scroll agar loading blog lebih cepat lagi
Penggunaanya sangat mudah:
- Salin kode pemutaran video youtube yang ingin ditampilkan
- Contoh url video youtube : youtube.com/watch?v=eha7NmBhAyU
- Yang perlu Anda salin hanyalah kode 'eha7NmBhAyU' lalu tempel pada bagian yang suda ditandai di kode ini
Format penulisan:
<div class='lazy-youtube' data-embed='rvrZJ5C_Nwg'>
<div class='playBut'>
<svg class='svg-play' viewbox='0 0 213.7 213.7'><polygon class='triangle' points='73.5,62.5 148.5,105.8 73.5,149.1'></polygon><circle class='circle' cx='106.8' cy='106.8' r='103.3'></circle></svg>
</div>
</div>
