Cara Membuat Notifikasi Adblocker Adsense Untuk Pengunjung Di Blog

Adblocker adalah sebuah aplikasi yang berfungsi sebagai alat pemblokiran (ads) suatu iklan atau mencegah munculnnya iklan dalam blog/website. Saat ini adblocker sering digunakan oleh pengguna internet untuk mencegah iklan-iklan bertebaran pada website yang dikunjunginya, hal ini juga dikarenakan oleh seorang blogger yang terlalu berlebihan memasang iklan pada blog yang dikelolanya. Dengan begitu kita juga tidak harus menyalahkan para pengguna menggunakan adblocker tersebut. Namun ini juga sangat penting di dalam dunia blogging, seperti yang telah kita sadari bahwasanya iklan adalah salah satu pendorong atau penyemangat kita untuk melakukan berbagai aktivitas ngeblog seperti halnya menulis artikel 3 kali dalam sehari.

Mengapa iklan sangat berguna bagi blogger? Pastinya kalian sudah mengetahuinya apabila anda disini seorang blogger. Nah, bagi kalian blogger newbie atau blogger yang baru terjun kedunia blogging saya akan memberikan penjelasannya. iklan sangat berguna untuk blogger karena Iklan adalah salah satu cara bagaimana kita untuk mendapatkan penghasilan, entah penghasilan ini nantinya anda gunakan untuk membayar hosting, ditabungkan atau membangun website akan tetapi tetap saja iklan tersebut sangat penting untuk blog agar nantinya mereka para blogger dapat mengelola dan menjaga blognya dalam kurun waktu yang panjang karena membuat sebuah blog juga harus membutuhkan biaya seperti halnya membayar sewa domain tahunan atau juga membayar sewa hosting bulanan.

Untuk itulah disini saya akan memberikan tips cara memasang notifikasi adblocker atau bisa dibilang juga dengan memasang anti adblocker di blog untuk para pengguna internet agar pengguna internet mematikan adblockernya pada saat mengunjungi blog kita. Notifikasi anti adblock killer yang saya bagikan juga memiliki design sederhana dan tentunya sangat baik karena pada saat notifikasi ini tampil nantinya akan menampilkan sebuah pesan yang dimana pesan ini memberitahukan para pengunjung untuk  bersedia mematikan adblocker mereka saat mengunjung artikel yang dicari pada blog yang kita kelola.

Nah sebagai contoh tampilan yang akan terjadi jika kita menggunakan adblocker pada laptop/pc dan kita juga memasang notifikasi adblocker pada blog maka tampilannya akan seperti gambar berikut ini.
Jika berniat mencobanya, maka ikuti dan terapkan cara ini pada blog anda.

Cara Membuat Notifikasi Adblocker Adsense Mirip ArlinaDzgn

Langkah pertama, silahkan tekan tombol template > edit html. Kemudian anda tambahkan kode css di bawah ini tepat di atas kode


/* Adblock Popup */
#keep-ads{background:#1C90F3;color:#fff;padding:10px 20px;position:fixed;bottom:-150px;left:0;opacity:0;font-size:100%;line-height:1.5em;width:100%;height:auto;z-index:10000;transition:all 0.3s cubic-bezier(.25,.8,.25,1);-webkit-transform:translateZ(0);transform:translateZ(0);}
.keep-adsme{text-align:center;padding:5px}
#keep-ads p{margin:0}
#keep-ads a{color:#fff;text-decoration:underline}#keep-ads a:hover{color:#fff;text-decoration:line-through}
#keep-ads.show{pointer-events:auto;opacity:1;bottom:0}
.close-keep-ads{background:#fff;color:#1C90F3;text-align:center;position:absolute;top:-15px;right:25px;font-size:24px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all 0.3s cubic-bezier(.25,.8,.25,1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.close-keep-ads:hover{box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);transform:scale(1,1);}

Kemudian silahkan tambahkan juga kode script di bawah ini tepat diatas kode.

<div id='keep-ads'>
  <p>Like this blog? Keep us running by whitelisting this blog in your ad blocker.</p>
  <p>This is <a href='URL PAGE HOW TO WHITELIST' target='_blank' title='how to whitelisting'>how to whitelisting</a> this blog in your ad blocker.</p>
  <p>Thank you!</p>
  <div class='close-keep-ads' onclick='hidekeep()'>&#215;</div>
</div>
<script>
//<![CDATA[
setTimeout(function() {
  var info = document.getElementById("keep-ads");
  var ads = document.querySelectorAll("ins.adsbygoogle");
  if ($(ads).height() === 0 ) {
    info.className = "show";
  }
}, 2000)
function hidekeep() {
  var e = document.getElementById("keep-ads").style.display = "none";
};
//]]>
</script>

Langkah terkahir silahkan anda membuat laman baru dengan nama how to whitelist atau apa saja yang anda inginkan kemudian tulislah peraturan yang berlaku pada blog anda. Seperti contohnya tulisan seperti disini. Lalu pasangkan url laman tersebut tepat pada kode yang saya warnai dengan warna biru.

Nah demikianlah bagaimana cara memasang notifikasi adblocker killer adsense seperti arlina. Semoga bermanfaat.


Gambar Gravatar
"Seseorang Informan yang baru belajar"

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *