Perkakas

Halaman ini berisi beberapa fitur yang bisa saya gunakan di postingan, halaman, atau widget blog bila diperlukan.

Syntax Highlighter

<pre><code>KODE DI SINI</code></pre>

Tombol

Download

<div style="margin: 10px 0px; text-align: center;">
<a class="tombol" href="#" rel="nofollow noopener" target="_blank">Download</a>
</div>

Spoiler

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="centerflip"><button class="flippy">Spoiler</button>
<div class="flippanel">
TEXT DI SINI
</div>
</div>

Box

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="spade_alert">
  <div class="alert_message">
    TEXT DI SINI
  </div>
</div>

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="spade_alert alert_outline">
  <div class="alert_message">
    TEXT DI SINI
  </div>
</div>

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="spade_alert alert_info">
  <div class="alert_message">
    TEXT DI SINI
  </div>
</div>

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="spade_alert alert_warning">
  <div class="alert_message">
    TEXT DI SINI
  </div>
</div>

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="spade_alert alert_success">
  <div class="alert_message">
    TEXT DI SINI
  </div>
</div>

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="spade_alert alert_error">
  <div class="alert_message">
    TEXT DI SINI
  </div>
</div>

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="spade_alert alert_info alert_outline">
  <div class="alert_message">
    TEXT DI SINI
  </div>
</div>

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="spade_alert alert_warning alert_outline">
  <div class="alert_message">
    TEXT DI SINI
  </div>
</div>

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="spade_alert alert_success alert_outline">
  <div class="alert_message">
    TEXT DI SINI
  </div>
</div>

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="spade_alert alert_error alert_outline">
  <div class="alert_message">
    TEXT DI SINI
  </div>
</div>

Nomor Urut

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
```
<div class="guide_list">
  <ol>
    <li>
      <p>TEXT DI SINI</p>
    </li>
    <li>
      <p>TEXT DI SINI</p>
    </li>
    <li>
      <p>TEXT DI SINI</p>
    </li>
  </ol>
</div>
```

Artinya, Penjelasan, Informasi, & Kesimpulan

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="artinya">
TEXT DI SINI
</div>

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="penjelasan">
TEXT DI SINI
</div>

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="informasi">
TEXT DI SINI
</div>

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<div class="kesimpulan">
TEXT DI SINI
</div>

Tabel

Pembuat	Nama
Harga	Rp
Tampilan	Lihat Demo
Versi Gratis	Unduh
Versi Premium	Beli Template
Versi Gratis	Tidak Tersedia
Versi Premium	Tidak Tersedia

<table cellpadding="0" cellspacing="0" style="text-align: left;text-transform: uppercase;"><tbody>
<tr> <td><b>Pembuat</b></td> <td style="text-align: right;"><b>Nama</b></td> </tr>
<tr> <td><b>Harga</b></td> <td style="text-align: right;"><b><span style="text-transform: none;">Rp</span></b></td> </tr>
<tr> <td><b>Tampilan</b></td> <td style="text-align: right;"><a class="tablebutton" href="#" rel="nofollow noopener" target="_blank"><b>Lihat Demo</b></a></td> </tr>
<tr> <td><b>Versi Gratis</b></td> <td style="text-align: right;"><a class="tablebutton" href="#" rel="nofollow noopener" target="_blank"><b>Unduh</b></a></td> </tr>
<tr> <td><b>Versi Premium</b></td> <td style="text-align: right;"><a class="tablebutton" href="#" rel="nofollow noopener" target="_blank"><b>Beli Template</b></a></td> </tr>
<tr> <td><b>Versi Gratis</b></td> <td style="text-align: right;"><b>Tidak Tersedia</b></td> </tr>
<tr> <td><b>Versi Premium</b></td> <td style="text-align: right;"><b>Tidak Tersedia</b></td> </tr>
</tbody> </table>

Nama File

Unduh

<table cellpadding="0" cellspacing="0" style="text-align: left;text-transform: uppercase;"><tbody>
<tr> <td><b>Nama File</b></td> <td style="text-align: right;"><a class="tablebutton" href="#" rel="nofollow noopener" target="_blank"><b>Unduh</b></a></td> </tr>
</tbody> </table>

Judul 1	Judul 2
Kolom 1	Kolom 2 Tombol
Kolom 1	Kolom 2

<table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody>
<tr> <th>Judul 1</th> <th>Judul 2</th> </tr>
<tr> <td>Kolom 1</td> <td>Kolom 2 <a class="tablebutton" href="#" rel="nofollow noopener" target="_blank">Tombol</a></td> </tr>
<tr> <td>Kolom 1</td> <td>Kolom 2</td> </tr>
</tbody></table>

Judul 1	Judul 2	Judul 3
Kolom 1	Kolom 2	Kolom 3
Kolom 1	Kolom 2	Kolom 3

<table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody>
<tr> <th>Judul 1</th> <th>Judul 2</th> <th>Judul 3</th> </tr>
<tr> <td>Kolom 1</td> <td>Kolom 2</td> <td>Kolom 3</td> </tr>
<tr> <td>Kolom 1</td> <td>Kolom 2</td> <td>Kolom 3</td> </tr>
</tbody></table>

Judul 1	Judul 2	Judul 3	Judul 4
Kolom 1	Kolom 2	Kolom 3	Kolom 4
Kolom 1	Kolom 2	Kolom 3	Kolom 4

<table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody>
<tr> <th>Judul 1</th> <th>Judul 2</th> <th>Judul 3</th><th>Judul 4</th> </tr>
<tr> <td>Kolom 1</td> <td>Kolom 2</td> <td>Kolom 3</td> <td>Kolom 4</td> </tr>
<tr> <td>Kolom 1</td> <td>Kolom 2</td> <td>Kolom 3</td> <td>Kolom 4</td> </tr>
</tbody></table>

Paitua

Perkakas

Syntax Highlighter

Tombol

Spoiler

Box

Nomor Urut

Artinya, Penjelasan, Informasi, & Kesimpulan

Tabel

Menu Halaman Statis