Página 4 | La Estrella de Arica

.ornekclass { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); /* Latar belakang semi-transparan */ z-index: 9999; } .popup-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; border-radius: 8px; width: 340px; /* Lebar banner + padding */ height: 330px; /* Tinggi banner + padding dan area tombol */ text-align: center; } .loading-gif { display: block; margin: 0 auto; width: 50px; height: 50px; } .advertisement-text { font-size: 12px; color: #888; margin-bottom: 10px; } .hidden-btn { display: none; margin-top: 20px; padding: 10px 20px; background-color: #007bff; border: none; color: white; cursor: pointer; border-radius: 5px; } .hidden-btn:hover { background-color: #0056b3; } window.onload = function() { var popup = document.getElementById('popup'); var loadingGif = document.getElementById('loadingGif'); var closeBtn = document.getElementById('closeBtn'); // Munculkan pop-up saat halaman web selesai dimuat popup.style.display = 'block'; // Tampilkan loading GIF selama 7 detik setTimeout(function() { loadingGif.style.display = 'none'; // Sembunyikan GIF loading closeBtn.style.display = 'inline-block'; // Tampilkan tombol close }, 7000); };