 |
| Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript |
Cara Kerja Dari Kode Java Script yang akan saya bagikan ini adalah untuk mendeteksi ekstensi adblock di browser / Search Engine yang mereka gunakan ketika membuat blog sobat dengan memunculkan sebuah pesan khusus.
Kode ini pun cukup Ringan Sobat Blogger, jadi sobat tidak perlu khawatir ini akan membebani kecepatan blog sobat blogger. Bagi Sobat Blogger yang ingin mencobanya silahkan ikuti langkah-langkah berikut ini :
1. Login ke Blogger > Buka Template > Edit HTML > Kemudian sobat Tambahkan kode di bawah ini sebelum tag </body>
<script type='text/javascript'>
//<![CDATA[
// Adblock Detected
window.onload=function(){setTimeout(function(){var e=document.querySelector("ins.adsbygoogle");e&&0==e.innerHTML.replace(/\s/g,"").length&&(e.style.cssText="color:rgba(0,0,0,0.5);font-weight:700;font-size:110%;padding:20px;margin:auto;text-align:center;text-decoration:none;display:block!important;background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.08)",e.innerHTML="Tampaknya Anda memblokir iklan Google AdSense di browser Anda")},2e3)};
//]]>
</script>Contoh Tampilannya :
 |
| Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript |
Keterangan : Sobat Blogger Bisa mengkreasikan Code CSS tampilan pesan Berikut Sesuai selera sobat blogger.
e.style.cssText="color:rgba(0,0,0,0.5);font-weight:700;font-size:110%;padding:20px;margin:auto;text-align:center;text-decoration:none;display:block!important;background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.08)"e.innerHTML="Tampaknya Anda memblokir iklan Google AdSense di browser Anda"Ganti kode yang ada di dalam Code =" Sesuai Selera Sobat Blogger
Untuk Mengetahui Script Di Atas Berjalan Dengan Baik Atau Tidak Silahkan Sobat Aktifkan Adblock Sobat
Sekian Tutorial ini semoga bisa bermanfaat bagi sobat blogger.
Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript
4/
5
Oleh
Indra Aditya
