Cara Mudah Memasang Anti Ad-Block Responsive Di Blogger

komputerdia.com - Tidak bisa dipungkiri lagi bahwa saat ini ad-block merupakan "musuh" terbesar bagi para blogger, terutama bagi mereka yang sudah menjadi publisher adsense. Pasalnya dengan adanya ad-block ini secara otomatis penghasilan seorang blogger akan menurun drastis.

AdBlock adalah salah satu ekstensi penyaringan konten dan pemblokiran iklan sumber terbuka untuk penjelajah web Google Chrome dan Apple Safari, bahkan saat ini adblock sudah merambah di kancah smartphone.

Dengan menggunakan AdBlock memungkinkan pengguna mencegah munculnya elemen web tertentu seperti iklan. AdBlock saat ini merupakan ekstensi Google Chrome yang paling populer dan digunakan oleh lebih dari 20.000.000 pengguna.

AdBlock juga merupakan ekstensi Safari yang paling banyak digunakan. Menurut sebuah artikel di The New York Times, ekstensi ini dibuat pada tanggal 8 Desember 2009, hari ketika dukungan ekstensi ditambahkan ke Google Chrome. Dukungan untuk Safari ditambahkan bulan Juni 2010.

AdBlock berbeda dengan AdBlock Plus. Pengembang AdBlock mengaku terinspirasi oleh ekstensi AdBlock Plus di Firefox, tetapi pengembangan kedua ekstensi ini tidak berhubungan.

Di artikel kali ini, saya akan mencoba membagikan sedikit trik bagaimana cara mengatasi ad-block dengan memasang kode anti ad-block yang responsive, sehingga tidak mengganggu para pembaca atau visitor blog kalian

Baca Juga Artikel Menarik Lainnya:

Cara Mudah Memasang Anti Ad-Block Responsive Di Blogger

Cara Mudah Memasang Kode Anti Ad-Block

  • Langkah pertama silahkan kalian login ke akun blogger kalian
  • Cari kode </b:skin>, dengan cara menekan tombol CTRL + F dan ketikkan </b:skin> kemudian tekan enter.
  • Salin kode dibawah ini dan letakkan tepat diatas kode </b:skin> .
#kamujahat{background:rgba(0,0,0,0.25);position:fixed;margin:auto;left:0;right:0;top:0;width:100%;height:100%;overflow:auto;z-index:999999}#kamujahat .inner{background:#ec3e3e;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;margin:80px auto}#kamujahat button{padding:10px 20px;border:0;background:#e9e9e9;margin:20px;box-shadow:0 5px 10px rgba(0,0,0,0.3);cursor:pointer;transition:all .2s}#kamujahat button.active{background:#fff}#kamujahat .tutorial{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}#kamujahat .tutorial div{display:none}#kamujahat .tutorial div.active{display:block}#kamujahat ol{margin-left:20px}@media(max-width:680px){#kamujahat .inner{width:calc(100% - 80px);margin:auto}}
  • Selanjutnya cari kode </body>, dan letakkan kode berikut tepat diatas kode </body>.
<script src="https://script.bloggerku.com/antiadblock/1.0/script.min.js"></script>
  • Langkah terakhir, silahkan kalian simpan atau save template kalian
  • Lihat hasilnya, semoga bermanfaat untuk kalian semuanya

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2