Alat Generate Daftar Isi (TOC) Otomatis

🧭 Petunjuk Penggunaan Alat Generate Daftar Isi Otomatis

Alat ini membantu kamu membuat Daftar Isi (ToC) dari heading HTML (<h2>, <h3>, dan <h4>) yang biasa digunakan di postingan blog. Cocok banget buat pengguna Blogger yang ingin tampil rapi dan navigasi kontennya mudah.

✅ Cara Menggunakan:

1. Salin HTML artikel kamu yang berisi heading seperti <h2>, <h3>, dan seterusnya.

2. Tempelkan ke dalam kotak "Input" di atas.

3. Klik tombol “Generate”.

4. Secara otomatis:

   • Daftar Isi (ToC) akan dibuat berdasarkan heading yang ada.

   • Setiap heading akan diberi id otomatis dan link "⇑" untuk kembali ke atas.

   • CSS styling khusus akan disisipkan di awal.

   • Hasil langsung ditampilkan di kotak “Output”.

   • Teks hasil akan langsung tersalin ke clipboard — kamu tinggal paste ke dalam Blogger.

💡 Fitur Tambahan:

• ToC bisa di-collapse atau expand dengan klik teks “Daftar Isi ⤴”.

• Sudah otomatis menambahkan:

  • Scroll-padding agar navigasi tidak tertutup header.

  • Tombol “⇑” di bawah setiap heading untuk naik ke atas.

  • Style responsif untuk tampilan mobile.

⚠️ Catatan Penting:

• Pastikan artikel kamu menggunakan tag <h2>, <h3>, atau <h4>. Heading <h1> tidak diproses.

• API clipboard hanya berfungsi di browser modern dan dalam koneksi HTTPS atau di localhost.

• Bila clipboard tidak tersalin otomatis (jarang terjadi), kamu bisa salin manual dari kotak “Output”.

---

Dengan alat ini, kamu tidak perlu lagi menyusun daftar isi secara manual. Hemat waktu, rapi tampilannya, dan SEO-friendly!