Cara Menggunakan Skrip Proteksi Halaman (Frame Guard)

Meneladani Nabi di Dunia, Mengiringinya ke Surga

Published by Adi Mulyadi On 5/16/2025 05:04:00 ص

"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...

Berikut adalah cara mudah untuk melindungi halaman Anda agar hanya bisa diakses dari dalam <iframe> portal utama.

Langkah 1: Tambahkan Blok HTML

Salin dan tempel kode HTML berikut tepat setelah tag <body> pada halaman yang ingin Anda proteksi.

<!-- Pesan Akses Ditolak -->
<div id="access-denied" class="hidden fixed inset-0 bg-slate-100 flex items-center justify-center text-center p-4 z-50">
    <div>
        <i data-lucide="shield-alert" class="h-16 w-16 text-red-500 mx-auto mb-4"></i>
        <h1 class="text-3xl font-bold text-slate-800">Akses Ditolak</h1>
        <p class="text-slate-600 mt-2">Halaman ini hanya dapat diakses melalui portal utama.</p>
    </div>
</div>

<!-- Bungkus semua konten utama Anda di sini -->
<div id="content-wrapper">
    <!-- ... SELURUH KONTEN HALAMAN ANDA MASUK DI SINI ... -->
</div>

Penting: Pastikan semua konten asli halaman Anda berada di dalam <div id="content-wrapper">.

Langkah 2: Tambahkan File JavaScript

Gunakan file frame-guard.js yang telah dibuat. Di halaman HTML Anda, tambahkan baris berikut tepat sebelum tag penutup </body>.

<script src="frame-guard.js" defer></script>

Kode Scriptnya :
document.addEventListener('DOMContentLoaded', () => {
    /**
     * Logika Frame Guard
     * Memeriksa apakah halaman ini sedang dibuka secara langsung di browser
     * atau dimuat di dalam sebuah iframe.
     */
    if (window.self === window.top) {
        // Jika halaman dibuka langsung (bukan di dalam iframe):
        
        // 1. Sembunyikan konten utama halaman.
        const content = document.getElementById('content-wrapper');
        if (content) {
            content.style.display = 'none';
        }

        // 2. Tampilkan pesan "Akses Ditolak".
        const accessDeniedMessage = document.getElementById('access-denied');
        if (accessDeniedMessage) {
            accessDeniedMessage.classList.remove('hidden');
            accessDeniedMessage.classList.add('flex');
        }

        // 3. Inisialisasi ikon Lucide agar ikon peringatan muncul.
        if (typeof lucide !== 'undefined') {
            lucide.createIcons();
        }
    }
});

Blog Archive

Labels

Popular Posts

SPP di Blogger Menggunakan Google Apps Script & Spreadsheet

COMING SOON! SANLAT LIBURAN AKHIR TAHUN 2025 di QUEEN ATTAFSIRI

Meneladani Nabi di Dunia, Mengiringinya ke Surga

Komentar

Media MU

Auto Theme Changer

Read Mode

Auto Themer

Cara Menggunakan Skrip Proteksi Halaman (Frame Guard)

Cara Menggunakan Skrip Proteksi Halaman (Frame Guard)

Langkah 1: Tambahkan Blok HTML

Langkah 2: Tambahkan File JavaScript

إرسال تعليق

Adi Mulyadi