Panduan Instalasi FinanceTracker Pro V4 Premium Thumbnail
✨ V4.0 PREMIUM + GEMINI AI

PANDUAN INSTALASI
FINANCETRACKER PRO.

Web-App Keuangan Pribadi Premium dengan Kedaulatan Data 100% di Google Sheets Anda. Ikuti langkah-langkah di bawah ini. Estimasi: 5 Menit.

Tahap 1: Persiapan Database (Google Sheets)
1
Buka Google Drive dan buat Spreadsheet baru. Beri nama (misal: Database MyFinance V4).
Langkah 1
2
Klik menu Extensions (Ekstensi) > Apps Script.
Langkah 2
3
Hapus semua kode default yang ada di dalam editor tersebut.
Langkah 3
4
Copy & Paste seluruh kode dari file Code.gs (Backend GAS V4) yang sudah disediakan ke dalam editor.
Langkah 4
5
Klik ikon Save (Simpan) dengan nama proyek Backend Finance V4.
Langkah 5
6
Pada bagian atas (sebelah tombol Run), pastikan fungsi yang terpilih adalah setupDatabase, lalu klik tombol Run (Jalankan).
Langkah 6
7
Muncul pop-up Review Permissions > Pilih akun Google Anda > Klik Advanced > Klik Go to Backend Finance V4 (unsafe) > Klik Allow.
Langkah 7
8
Periksa Google Sheets Anda; tab Users, Transaksi, dan Settings akan otomatis muncul.
Langkah 8
Tahap 2: Menghubungkan API (Deployment)
Langkah ini penting agar aplikasi bisa "berbicara" dengan database.
1
Di layar Apps Script, klik tombol biru Deploy (Terapkan) di pojok kanan atas > Pilih New Deployment (Deployment baru).
Tahap 2 Langkah 1
2
Klik ikon ⚙️ (Select type) > Pilih Web App (Aplikasi Web).
Tahap 2 Langkah 2
3
Isi deskripsi: Finance V4.
Execute as (Jalankan sebagai): Pilih Me (Saya).
Who has access (Siapa yang memiliki akses): Wajib pilih Anyone (Siapa saja)
Klik tombol Deploy.
Tahap 2 Langkah 3
4
Apabila Google Appsscript meminta izin akses, Izinkan saja. Pastika sampai ketampilan berikut!
Salin (Copy) teks yang ada di bawah "Web App URL".

(Link ini akan kita pakai di tahap selanjutnya).
Tahap 2 Langkah 7
Tahap 3: Pemasangan di Blogger dan Konfigurasi File Utama (index.html)
1
Silakan login Blogger menggunakan akun Gmail Anda di www.blogger.com
Tahap 3 Langkah 1
2
Buka Dashboard Blogger > Buat Postingan (Post) baru.
Tahap 3 Langkah 2
3
Ubah mode editor dari Compose View menjadi HTML View (ikon pensil/kurung siku <>).
Tahap 3 Langkah 3
4
Hapus semua kode yang ada, lalu Paste seluruh isi file File Index Finance Tracker Pro V4 yang sudah disediakan.
Tahap 3 Langkah 4
5
Cari bagian kode JavaScript di baris atas (sekitar baris 240). atau gunakan fungsi Find (CTRL+F) untuk mencari kata "GAS_URL ="

Ganti kata "MASUKKAN_URL..." dengan URL Web App yang Anda salin di Tahap 2 tadi. 
const GAS_URL = "MASUKKAN_URL_WEB_APP_GAS_ANDA_DISINI";

Input API Key Gemini AI (Opsional - Pengaturan AI): Jika Anda ingin fitur AI langsung aktif tanpa harus input manual di aplikasi, masukkan API Key Gemini Anda di antara tanda kutip seperti simpb "#" berikut HARDCODED_API_KEY. 
const HARDCODED_API_KEY = "#";
Tahap 3 Langkah 5-7
8
Klik tombol Publikasikan di pojok kanan atas Blogger Anda.
Tahap 3 Langkah 8
Tahap 4: Bypass Tema Agar Full Screen di HP
1
Agar aplikasi tampil penuh (tidak tertutup judul postingan Blogger):

Buka menu Theme (Tema) di Blogger, lalu klik ikon panah ke bawah di samping tombol Customize (Sesuaikan).
Tahap 4 Langkah 1
2
Klik pilihan Beralih ke tema klasik generasi pertama, kemudian pilih Beralih tanpa pencadangan.

✅ Selesai!
Tahap 4 Langkah 2
Kembali kemenu Postingan > Klik Icon View
Selamat! Seluruh Proses Instalasi Selesai.
Sekarang buka link Halaman Blogger Anda melalui Komputer/HP.
Login Default:

Username: admin
Password: admin2026

Catatan: Segera ubah username & password Anda di menu Akun & Pengaturan setelah berhasil login pertama kali.
Tampilan Akhir
Ekstra: Cara Mendapatkan API Key Gemini
Untuk mengaktifkan fitur AI Pintar secara gratis:

1. Buka Google AI Studio.
2. Klik tombol Create API Key.
3. Salin kodenya dan tempel di aplikasi Anda (Menu Akun > Pengaturan AI Gemini).
Gemini API