Cara Memasang Iklan Vinyet Seperti Adsense di Blogger

Perkenalan

Halo Semuanya, Berjumpa lagi dengan saya Seonxnn yang pastinya di Tutorial Tutorial Menarik Seputar Blogger dan WordPress. di Postingan ini saya Akan Membagikan Bagaimana Cara Memasang Iklan Vinyet Seperti Adsense di Blogger.

Mungkin dari Kalian bertanya apa itu Iklan Vinyet? Iklan Vinyet adalah iklan yang Muncul di beberapa waktu tertentu saja, Nah Script yang saya bagikan ini juga menggunakan metode yang sama, yang dimana hanya muncul setiap seperkian Menit, Jika ada yang bertanya apa ini cocok untuk iklan adsense? Saya hanya bisa menjawab "TERGANTUNG NASIB SAJA" jika google baik maka akan aman.

Tanpa Basa Basi langsung saja kita Ke Prakteknya, Untuk Cara Pemasangan Script kalian Bisa liat DISINI

Untuk Demo Kalian Bisa Cek Link DIbawah

Live Demo

Penting!
Sebelum Memulai Nya Ada Baiknya Kalian Memback-up Template Kalian Terlebih dahulu.

Source Code

<div id="vinyet-ad">
    <div class="ad-content">
        <span>Sponsored Ad</span>
        <a href="https://www.seonxnn.id/" target="_blank">Your Ad Here</a>
        <button id="close-vinyet-ad">Close</button>
        <button id="go-to-website" class="go-to-website">Go to Website</button>
    </div>
</div>

<style>
    #vinyet-ad {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8); /* Background gelap dengan transparansi */
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1000;
        visibility: hidden; /* Awalnya disembunyikan */
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
    }

    #vinyet-ad.show {
        visibility: visible;
        opacity: 1;
    }

    #vinyet-ad .ad-content {
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        text-align: center;
        max-width: 400px;
    }

    #vinyet-ad .ad-content span {
        font-size: 18px;
        color: #333;
    }

    #vinyet-ad .ad-content a {
        display: block;
        margin-top: 20px;
        font-size: 20px;
        color: #007bff;
        text-decoration: none;
    }

    #vinyet-ad .ad-content button {
        margin-top: 20px;
        padding: 10px 20px;
        background-color: #dc3545;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    #vinyet-ad .ad-content button.go-to-website {
        background-color: #28a745; /* Warna hijau untuk tombol Go to Website */
    }
</style>

<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
        const adElement = document.getElementById('vinyet-ad');
        const closeButton = document.getElementById('close-vinyet-ad');
        const goToWebsiteButton = document.getElementById('go-to-website');

        // Fungsi untuk menampilkan iklan
        function showAd() {
            adElement.classList.add('show');
        }

        // Fungsi untuk menyembunyikan iklan
        function hideAd() {
            adElement.classList.remove('show');
        }

        // Fungsi untuk menyimpan waktu terakhir iklan ditampilkan
        function setLastShownTime() {
            localStorage.setItem('lastShownTime', Date.now());
        }

        // Fungsi untuk memeriksa apakah sudah waktunya menampilkan iklan lagi
        function shouldShowAd() {
            const lastShownTime = localStorage.getItem('lastShownTime');
            const currentTime = Date.now();
            const tenMinutesInMillis = 10 * 60 * 1000;

            if (!lastShownTime || (currentTime - lastShownTime) >= tenMinutesInMillis) {
                return true;
            }
            return false;
        }

        // Tampilkan iklan jika sudah waktunya
        if (shouldShowAd()) {
            showAd();
            setLastShownTime();
        }

        // Tambahkan event listener untuk tombol close
        closeButton.addEventListener('click', function() {
            hideAd();
        });

        // Tambahkan event listener untuk tombol Go to Website
        goToWebsiteButton.addEventListener('click', function() {
            window.open('https://www.seonxnn.id/', '_blank');
        });
    });
</script>

Kesimpulan

Diatas adalah Cara Memasang Iklan Vinyet Seperti Adsense di Blogger., Jika Ingin Request Silahkan Berikan Komentar atau menuju Halaman Request:v. Sampai Jumpa di potingan Berikutnya :p