Kumpulan JavaScript Blogger

Script Floating Ads dengan Tombol X

<div class="floating-ad" id="floatingAd"> <span class="close-button" onclick="closeAd()">✖</span> <div class="separator" style="clear: both;"> <!-- Tempelkan kode iklan disini --> </div> </div> <script> function closeAd() { document.getElementById('floatingAd').style.display = 'none'; } </script> <style> .floating-ad { position: fixed; bottom: 20px; /* Bisa ubah ke posisi atas dengan mengganti Top */ right: 20px; /* Bisa ubah posisi di sebelah kiri dengan mengubah ke left*/ width: 200px; z-index: 1000; } .close-button { float: right; cursor: pointer; font-size: 15px; font-weight: bold; color: #fff; background-color: #ff3333; /* Warna latar belakang */ border: none; border-radius: 50%; /* Membuat tombol berbentuk lingkaran */ width: 30px; /* Lebar tombol */ height: 30px; /* Tinggi tombol */ text-align: center; line-height: 30px; /* Memposisikan teks di tengah */ margin-left: 10px; /* Jarak dari teks */ } </style>

1 2 3 4 5 6 7