Selamat Datang 👋

Panel admin Pondok Pesantren Tahfidz & Dakwah Abu Hurairah Ra.

✍️
—
Total Artikel
📢
—
Pengumuman
🌐
Live
Website Aktif
⚡ Akses Cepat
✍️ Tulis Artikel Baru
🖼️

Klik untuk pilih foto

📋 Daftar Artikel

⏳ Memuat...

📢 Buat Pengumuman Baru
📋 Daftar Pengumuman

⏳ Memuat...

📖 Panduan Setup — Ikuti Urutan Ini

🔥 1 — Buat Project Firebase

  1. Buka console.firebase.google.com → login Gmail
  2. Klik "Add project" → nama: ponpes-ara → Next
  3. Matikan Google Analytics → klik "Create project" → Continue

👤 2 — Buat Akun Admin (untuk login)

  1. Menu kiri klik Authentication → Get started
  2. Klik Email/Password → toggle pertama ON → Save
  3. Klik tab Users → Add user
  4. Isi email & password Anda → klik Add user
💡 Email & password ini yang dipakai login ke admin panel. Simpan baik-baik!

🗄️ 3 — Buat Database (Firestore)

  1. Menu kiri klik Firestore Database → Create database
  2. Pilih Production mode → Next
  3. Pilih lokasi asia-southeast1 → Enable
  4. Klik tab Rules → hapus semua teks → paste kode di bawah → klik Publish
rules_version = '2'; service cloud.firestore { match /databases/{database}/documents { match /{document=**} { allow read: if true; allow write: if request.auth != null; } } }

🔑 4 — Ambil Kode Config Firebase

  1. Klik ikon ⚙️ kiri atas → pilih Project settings
  2. Scroll ke bawah → klik ikon </> (Web app)
  3. Isi nickname: ponpes-ara → klik Register app
  4. Copy semua nilai di dalam firebaseConfig = { ... }

🖼️ 5 — Daftar ImgBB (Upload Foto Gratis)

  1. Buka imgbb.com → klik Sign up → daftar pakai Gmail
  2. Setelah login, buka api.imgbb.com
  3. Klik tombol "Add API key" atau copy API key yang sudah ada
💡 ImgBB gratis selamanya, tidak perlu kartu kredit, bisa upload foto sampai 32MB!

📝 6 — Pasang Config ke File HTML

  1. Buka file admin.html dengan Notepad
  2. Tekan Ctrl+H → lakukan Find & Replace:
Cari: GANTI_API_KEY → Ganti: nilai apiKey dari Firebase Cari: GANTI_PROJECT_ID → Ganti: nilai projectId dari Firebase Cari: GANTI_SENDER_ID → Ganti: nilai messagingSenderId Cari: GANTI_APP_ID → Ganti: nilai appId dari Firebase Cari: GANTI_IMGBB_KEY → Ganti: API key dari ImgBB
  1. Klik Save
  2. Lakukan hal yang sama untuk file index.html (hanya 4 baris Firebase saja)

🚀 7 — Upload ke GitHub (Website Online!)

  1. Buka github.com → login → klik "New repository"
  2. Nama: ponpes-ara → pilih Public → Create repository
  3. Klik "Add file" → "Upload files"
  4. Upload index.html dan admin.html
  5. Klik "Commit changes"
  6. Klik Settings → Pages → Branch: main → Save
  7. Tunggu 2–3 menit → website sudah online! ✅
🌐 Website : https://[username].github.io/ponpes-ara/ 🔐 Admin : https://[username].github.io/ponpes-ara/admin.html
💡 Ganti [username] dengan username GitHub Anda