🎉 COMING SOON! SANLAT LIBURAN AKHIR TAHUN 2025 🎉 Sanlat Angkatan 2 🌙 Mengisi Liburan dengan Ilmu, Iman, dan Pengalaman Berharga 🌙 Liburan sekolah bukan hanya waktu untuk bersantai, tapi juga momen tepat untuk memperkuat keimanan, memperluas wawasan, dan membangun pertemanan dalam lingkungan positif! 📌 SANLAT LIBURAN AKHIR TAHUN 2025 Tanggal: 30 Mei – 2 Juni 2025 Lokasi: Pondok Queen At-Tafsiri , Kampus 2 – Queen At-Tafsiri Hegar Valley School Alamat: Hegarmanah, Campakamulya, Cianjur 🎓 APA SAJA KEGIATANNYA? 📖 Tadabbur & Hafalan Al-Qur’an 🕌 Shalat Berjamaah & Kajian Interaktif 🌄 Tahajud & Dzikir Pagi Petang 🎨 Games Islami & Kegiatan Outdoor 🤝 Menjalin Ukhuwah & Leadership Training ✨ GRATIS & TERBUKA UNTUK UMUM! ✨ Ya! Acara ini gratis dan bisa diikuti oleh siapa saja — siswa SD, SMP, SMA, bahkan mahasiswa dan umum. Ajak keluarga, teman, dan sahabatmu! 📲 INFO & PENDAFTARAN Silakan ...
"Meneladani Nabi di Dunia, Mengiringinya ke Surga" Pernahkah kita membayangkan hari kiamat… Di saat langit terbelah, bumi berguncang, dan seluruh manusia berdiri menanti keputusan akhir. Di tengah ketakutan itu, ada satu sosok yang melangkah penuh keyakinan menuju pintu surga. Dialah Nabi Muhammad ﷺ. Beliau mendatangi pintu surga, mengetuknya... Namun pintu itu belum dibuka—sampai penjaganya bertanya, "Siapa engkau?" "Aku Muhammad," jawab beliau. Penjaga surga pun berkata, "Dengan engkau aku diperintahkan... aku tidak akan membukakan pintu ini untuk siapa pun sebelum engkau." أَتِي بَابَ الْجَنَّةِ يَوْمَ الْقِيَامَةِ فَأَسْتَفْتِحُ، فَيَقُولُ الْخَازِنُ: مَنْ أَنْتَ؟ فَأَقُولُ: مُحَمَّدٌ، فَيَقُولُ: بِكَ أُمِرْتُ لَا أَفْتَحَ لِأَحَدٍ قَبْلَكَ 🌿 "Aku akan mendatangi pintu surga pada hari kiamat lalu memintanya dibukakan. Maka penjaga surga bertanya: 'Siapa kamu?' Aku menjawab, 'Muhammad.' Maka ia berkata: 'De...
SPP di Blogger Menggunakan Google Apps Script & Spreadsheet
Salin Kode HTML
🎓 Tutorial Lengkap: Cara Membuat Page Cek Tagihan SPP di Blogger Menggunakan Google Apps Script & Spreadsheet
Apakah Anda ingin membuat halaman khusus di Blogger yang dapat digunakan siswa atau orang tua untuk mengecek tagihan SPP secara online hanya dengan memasukkan NISN? Dengan memanfaatkan Google Spreadsheet sebagai basis data dan Google Apps Script sebagai API, kita bisa membuatnya dengan mudah dan gratis!
Dalam tutorial ini, Anda akan belajar langkah demi langkah bagaimana membuat halaman seperti ini:
✅ Input NISN
✅ Lihat total tagihan, total bayar, sisa
✅ Tampilkan detail bulanan, semester, dan biaya lain
✅ Didukung oleh data real-time dari Google Spreadsheet
💼 Persiapan Data di Spreadsheet
1. Buka Google Spreadsheet, dan buat sheet baru bernama SPP
2. Masukkan kolom berikut sesuai urutan:
NISN | Nama | Total | Bayar | Sisa | Januari | Februari | ... | Desember | Sem1 | Sem2 | Pendaftaran | Seragam
Tambahkan sheet kedua bernama LogSPP (jika tidak, akan dibuat otomatis oleh script) untuk mencatat histori akses.
🧠 Membuat API dengan Google Apps Script
1. Klik Extensions > Apps Script di Spreadsheet
2. Ganti isi file Code.gs dengan kode berikut:
function doGet(e) {
var nisn = e.parameter.nisn;
var ss = SpreadsheetApp.getActiveSpreadsheet();
var sheet = ss.getSheetByName("SPP");
if (!nisn) {
logSPP("-", "NISN kosong");
return ContentService.createTextOutput(JSON.stringify({ status: "invalid" }))
.setMimeType(ContentService.MimeType.JSON);
}
var data = sheet.getDataRange().getValues();
for (var i = 1; i < data.length; i++) {
if (data[i][0].toString() === nisn) {
var result = {
nama: data[i][1],
total: data[i][2],
bayar: data[i][3],
sisa: data[i][4],
bulanan: {
januari: data[i][5],
februari: data[i][6],
maret: data[i][7],
april: data[i][8],
mei: data[i][9],
juni: data[i][10],
juli: data[i][11],
agustus: data[i][12],
september: data[i][13],
oktober: data[i][14],
november: data[i][15],
desember: data[i][16]
},
semester: {
sem1: data[i][17],
sem2: data[i][18]
},
lainnya: {
pendaftaran: data[i][19],
seragam: data[i][20]
},
status: parseInt(data[i][4]) === 0 ? "Lunas" : "Belum Lunas"
};
logSPP(nisn, result.status);
return ContentService.createTextOutput(JSON.stringify(result))
.setMimeType(ContentService.MimeType.JSON);
}
}
logSPP(nisn, "Data tidak ditemukan");
return ContentService.createTextOutput(JSON.stringify({ status: "notfound" }))
.setMimeType(ContentService.MimeType.JSON);
}
function logSPP(nisn, status) {
var ss = SpreadsheetApp.getActiveSpreadsheet();
var logSheet = ss.getSheetByName("LogSPP");
if (!logSheet) {
logSheet = ss.insertSheet("LogSPP");
logSheet.appendRow(["Waktu", "NISN", "Status"]);
}
logSheet.appendRow([new Date(), nisn, status]);
}
3. Klik tombol Deploy > Manage deployments > New deployment
4. Pilih:
Deployment type: Web app
Execute as: Me
Who has access: Anyone (atau Anyone with the link)
5. Klik Deploy dan Salin URL Web App. Contoh:
https://script.google.com/macros/s/AKfyc.../exec
📝 Membuat Halaman di Blogger
1. Masuk ke Dashboard Blogger
2. Klik menu Laman > Laman Baru
3. Ubah ke tampilan HTML
4. Tempelkan kode HTML yang sudah kamu siapkan tadi:
Catatan Penting:
Ganti bagian ID_GoogleScriptnya Disini dengan URL Web App kamu yang tadi.
Sekarang kamu punya halaman pengecekan SPP yang profesional di Blogger. Cukup input NISN, dan sistem akan menampilkan:
Nama siswa
Total tagihan
Jumlah yang sudah dibayar
Sisa yang harus dibayar
✅ Status per bulan
✅ Status semester dan biaya tambahan
🛠 Tips Tambahan
Pastikan urutan kolom di Spreadsheet tidak berubah
Gunakan formulir Google Form untuk input data tagihan SPP
Integrasikan dengan sistem pembayaran untuk fitur lanjutan
🔐 Keamanan
Jangan bagikan link Apps Script Anda secara publik jika datanya sensitif
Anda bisa membatasi siapa yang bisa mengakses berdasarkan login Google (opsional dengan OAuth)
Jika kamu mengikuti semua langkah di atas, maka kamu telah berhasil membuat halaman Cek Tagihan SPP Online dengan Blogger + Google Spreadsheet + Apps Script, tanpa perlu hosting atau database tambahan!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser. The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
