√ Cara Memasang Kode Anti Adblock Keren di Blog - AdityaTekno

Social Items

Kode Anti Adblock Keren di Blog

Welcome back sahabat setia AdityaTekno.com. Dipostingan kali ini saya akan membahas tentang cara memasang anti adblock yang keren di blog. Sering kali banyak visitor yang menggunakan AdBlock di browsernya, dan membuat earning kita menjadi turun. 

Ada suatu alasan mengapa para visitor menggunkan adblock di browsernya, antara lain karena aksesnya agar bisa lebih cepat, males karena melihat iklan-iklan diblog yang sedang dia akses, entah itu mengganggu pandangan atau menutupi konten yang sedang dia baca, dan masih banyak lagi alasan lainnya. 


Tapi, tentu saja disini saya tidak akan membahas alasan-alasan tersebut, karena di postingan ini saya akan membagikan bagaimana cara memsang kode anti adblock yang keren di blog. Anti adblock ini seperti yang dipake oleh Bloggerku.com yang tampilannya juga sangat kece.
Kode Anti Adblock Keren di Blog
Tampilan Anti Adblock

Anti Adblock ini menampilkan notifikasi kepada user yang menggunakan AdBlock untuk mematikan AdBlock tersebut. Jika anda sudah tidak sabar menerapkan anti adblock ini di blog anda, silahkan simak baik-baik langkah dibawah ini.



Cara Memasang Kode Anti Adblock di Blog Anda

Langkah #1 

Pertama anda harus sudah masuk ke dashboard blogger.

Langkah #2

Pilih Menu Template >> Edit HTML.

Langkah #3

Kemudian copas kode dibawah ini tepat di atas kode </b:skin>
/* Kode Anti Adblock Keren AdityaTekno */
#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}}

Langkah #4

Kemudian copas kode dibawah ini tepat di atas kode </body>
<script src="https://script.bloggerku.com/antiadblock/1.0/script.min.js">
</script>


Langkah #5

Simpan template!

Note:
Jika sebelumnya sudah memasang Anti Adblock di blog anda, ada baiknya untuk menghapus anti adblock yang lama terlebih dahulu. Karena nanti bisa jadi double notifikasi.

Demikian Cara Memasang Kode Anti Adblock Keren di Blog. Semoga postingan ini bisa menambah penghasilan adsense anda. Terima Kaih sudah berkunjung. Godd luck dan sampai jumpa di postingan selanjutnya.
Salam AdityaTekno.com.

Cara Memasang Kode Anti Adblock Keren di Blog

Kode Anti Adblock Keren di Blog

Welcome back sahabat setia AdityaTekno.com. Dipostingan kali ini saya akan membahas tentang cara memasang anti adblock yang keren di blog. Sering kali banyak visitor yang menggunakan AdBlock di browsernya, dan membuat earning kita menjadi turun. 

Ada suatu alasan mengapa para visitor menggunkan adblock di browsernya, antara lain karena aksesnya agar bisa lebih cepat, males karena melihat iklan-iklan diblog yang sedang dia akses, entah itu mengganggu pandangan atau menutupi konten yang sedang dia baca, dan masih banyak lagi alasan lainnya. 


Tapi, tentu saja disini saya tidak akan membahas alasan-alasan tersebut, karena di postingan ini saya akan membagikan bagaimana cara memsang kode anti adblock yang keren di blog. Anti adblock ini seperti yang dipake oleh Bloggerku.com yang tampilannya juga sangat kece.
Kode Anti Adblock Keren di Blog
Tampilan Anti Adblock

Anti Adblock ini menampilkan notifikasi kepada user yang menggunakan AdBlock untuk mematikan AdBlock tersebut. Jika anda sudah tidak sabar menerapkan anti adblock ini di blog anda, silahkan simak baik-baik langkah dibawah ini.



Cara Memasang Kode Anti Adblock di Blog Anda

Langkah #1 

Pertama anda harus sudah masuk ke dashboard blogger.

Langkah #2

Pilih Menu Template >> Edit HTML.

Langkah #3

Kemudian copas kode dibawah ini tepat di atas kode </b:skin>
/* Kode Anti Adblock Keren AdityaTekno */
#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}}

Langkah #4

Kemudian copas kode dibawah ini tepat di atas kode </body>
<script src="https://script.bloggerku.com/antiadblock/1.0/script.min.js">
</script>


Langkah #5

Simpan template!

Note:
Jika sebelumnya sudah memasang Anti Adblock di blog anda, ada baiknya untuk menghapus anti adblock yang lama terlebih dahulu. Karena nanti bisa jadi double notifikasi.

Demikian Cara Memasang Kode Anti Adblock Keren di Blog. Semoga postingan ini bisa menambah penghasilan adsense anda. Terima Kaih sudah berkunjung. Godd luck dan sampai jumpa di postingan selanjutnya.
Salam AdityaTekno.com.
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo