Kode Fitur Situs

Dokumentasi Kode Untuk Situs ini.

Fitur untuk membuat baris pertama pada paragraf menjorok ke dalam (indentasi).

<!-- Tambahkan class pIndent pada tag p -->
<p class="pIndent">
Ini adalah contoh paragraf yang baris pertamanya menjorok ke dalam.
Tampilan ini akan membuat artikel panjang terlihat lebih rapi dan profesional.
</p>

Fitur untuk memperbesar satu huruf pertama di awal paragraf agar terlihat seperti tata letak majalah.

<!-- Bungkus huruf pertama dengan span class dropCap -->
<p><span class="dropCap">D</span>esain artikel kamu akan terlihat lebih menarik dengan huruf pertama yang menonjol seperti ini.</p>

Menampilkan kutipan teks dengan desain khusus. Tersedia gaya standar dan gaya dengan ikon tanda kutip (Style 1).

<!-- Blockquote Standar -->
<blockquote>
"Satu-satunya cara untuk melakukan pekerjaan besar adalah dengan mencintai apa yang Anda lakukan." - Steve Jobs
</blockquote>


Ini adalah tampilan kutipan dengan tambahan dekorasi ikon tanda kutip di latar belakangnya.

Digunakan untuk menonjolkan informasi penting atau peringatan (warning) di tengah artikel.

<!-- Catatan Standar (Warna Biru) -->
<div class="note">
Ini adalah catatan informasi penting untuk pembaca.
</div>


Ini adalah catatan peringatan atau hal yang harus dihindari.

Untuk merapikan daftar sumber atau referensi di bagian akhir artikel dengan ukuran teks yang lebih proporsional.

<div class="pRef">
<b>Referensi:</b>
<ol>
<li>Dokumentasi Resmi MDN Web Docs</li>
<li>Panduan Desain Material Google</li>
</ol>
</div>

Mengubah daftar list (ul/li) biasa menjadi list tutorial bertingkat, daftar kelebihan (pros), atau daftar kekurangan (cons).

<!-- List Tutorial (Step by Step) -->
<ul class="step">
<li>Langkah pertama: Install tema.</li>
<li>Langkah kedua: Masuk ke tata letak.</li>
</ul>


Loading sangat cepat.



Hanya untuk pengguna mahir.

Fitur untuk menyembunyikan konten panjang (spoiler) yang hanya akan muncul jika judulnya diklik.

<!-- Gaya Standar -->
<details class="ac">
<summary>Klik untuk melihat detail</summary>
<div class="aC">
Konten yang disembunyikan ada di sini.
</div>
</details>


Buka Spesifikasi Produk

Ram 8GB, Storage 256GB, Screen OLED.

Memberikan indikasi visual berupa ikon panah kecil secara otomatis untuk setiap link yang mengarah ke luar situs.

<!-- Tambahkan class extL pada tag a -->
<a href="https://www.google.com" class="extL" target="_blank" rel="noopener">Kunjungi Google</a>

Fitur font Noto Naskh Arabic agar tulisan Arab terlihat lebih jelas dan nyaman dibaca.

<!-- Gunakan class khusus jika tersedia atau bungkus dengan div untuk pengaturan rata kanan -->
<div style="text-align: right; font-family: 'Noto Naskh Arabic', serif; font-size: 24px;" dir="rtl">
بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ
</div>