Cara Pasang kode Adblock Killer

Apa itu Adblock? Adblock merupakan sebuah ekstensi pada sebuah browser atau aplikasi untuk menghilangkan iklan pada situs, seperti kita ketahui bahwa iklan di blog itu kadang mengganggu pengunjung oleh karena itu pengguna internet mulai menggunakan ektensi Adblock.

Tapi disisi lain, bagi seorang penulis blog yang menerapkan iklan baik itu dari Google AdSense hal itu merupakan salah satu ancaman menurunnya pendapatan dari blog, Untuk mengatasi hal ini kita perlu menambahkan script Adblock Killer pada blog.

Fungsinya yaitu dengan memberikan notifikasi kepada pengunjung untuk menonaktifkan ekstensi Adblock untuk situs ini namun dengan tampilan berbeda. bagi yang ingin memasangnya silahkan ikuti langkah berikut ini.

Cara memasang Adblock Killer Versi Terbaru

Pertama buka dasbor Blogger >Klik menu Tema > Klik tombol Edit HTML  dan tambahkan kode dibawah ini sebelum kode </head> atau kode &lt;/head&gt;&lt;!--<head/>--&gt;

<style type='text/css'>
/* Animation */
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
/* Say Hi to Adblock */
#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#arlinablock .header{margin:0 0 15px 0}
#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}
#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}
#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#arlinablock .fixblock div{display:none}
#arlinablock .fixblock div.active{display:block}
#arlinablock ol{margin-left:20px}
@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}
</style>

Selanjutnya tambahkan kode ini sebelum </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.rawgit.com/Arlina-Design/quasar/23207858/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

Kemudian klik simpan tema dan selesai. Notifikasi Adblock ini akan muncul jika mengunjungi situs kita dan mengatifkan ekstensi Adblock. Pastikan untuk mengatifkan ektensi Adblock.

jika ada yang sudah memasang kode JS Adsense di dalam template seperti ini :

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Atau seperti ini

<script type='text/javascript'>
//<![CDATA[
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
//]]>
</script>

Silahkan hapus kode tersebut karena didalam kode Adblock Killer ini sudah tertanam kode Adsense didalamnya.

itulah cara memasang Adblock Killer, Semoga bermanfaat aminn dan wassalam.

Share this post