Home › Gudang

Gudang

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

Di sini juga tersimpan catatan, kode, tautan penting, dan hal lainnya, baik sebagai pengingat pribadi maupun referensi yang dapat dibaca serta digunakan oleh siapa saja.

Syntax Highlighter

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

Tombol

Tombol 
<div class="tombol-area">
  <a class="tombol" href="#" rel="nofollow noopener" target="_blank">Tombol</a>
</div>

Tombol Buka/Tutup

Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
<div class="centerflip"><button class="flippy">Spoiler</button>
  <div class="flippanel">
    TEXT DI SINI
  </div>
</div>

Papan Tulis

Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
<div class="papan-tulis">
  TEXT DI SINI
</div>

Notifikasi

Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
<div class="notifikasi">
  TEXT DI SINI
</div>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
<div class="notifikasi-informasi">
  TEXT DI SINI
</div>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
<div class="notifikasi-peringatan">
  TEXT DI SINI
</div>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
<div class="notifikasi-berhasil">
  TEXT DI SINI
</div>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
<div class="notifikasi-galat">
  TEXT DI SINI
</div>

Daftar Panduan

  1. 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.

  2. 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="daftar-panduan">
  <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 is simply dummy text of the printing and typesetting industry.

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

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

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

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

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

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

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

Tabel

Judul 1 Judul 2 Judul 3Judul 4
Kolom 1 Kolom 2 Kolom 3 Kolom 4 Tombol
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 <a class="tombol-tabel" href="#" rel="nofollow noopener" target="_blank">Tombol</a></td> </tr>
  <tr> <td>Kolom 1</td> <td>Kolom 2</td> <td>Kolom 3</td> <td>Kolom 4</td> </tr>
</tbody></table>
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="tombol-tabel" 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="tombol-tabel" 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="tombol-tabel" 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="tombol-tabel" href="#" rel="nofollow noopener" target="_blank"><b>Unduh</b></a></td> </tr>
</tbody> </table>