Semua Tipografi Template Pamula Theme

Compose mode

Daftar atau list dengan nomor

1. Daftar pertama
2. Daftar kedua
3. Daftar ketiga
4. 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:

Tombol

Format 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>