Tapi di sisi lain, bagi seorang penulis blog yang menerapkan iklan baik itu dari Google AdSense hal itu merupakan salah satu bahaya menurunnya pendapatan dari blog. Untuk mengatasi hal ini kita perlu menambahkan script Adblock Killer pada blog.
Sebelumnya aku juga pernah posting terkait hal ini di postingan berikut
- Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript
- Cara Memasang Adblock Killer Pada Blog
- Notifikasi Adblocker Adsense Ala Kompi Ajaib
Fungsinya tetap sama, yakni dengan menunjukkan notifikasi kepada pengunjung untuk menonaktifkan ekstensi Adblock untuk situs ini namun dengan tampilan berbeda. Bagi yang ingin memasangnya silakan ikuti langkah berikut ini.
Cara Memasang Adblock Killer Versi Terbaru
Pertama buka dasbor Blogger >Klik sajian Tema > Klik tombol Edit HTML dan tambahkan isyarat di bawah ini sebelum isyarat </head> atau isyarat </head><!--<head/>-->
<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 isyarat ini sebelum </body> atau <!--</body>--></body>
<script type='text/javascript'> //<![CDATA[ // Say Hi to Adblock function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/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 jikalau pengunjung mengunjungi situs kita dan mengaktifkan ekstensi Adblock. Pastikan untuk mengaktifkan ekstensi Adblock untuk melihat akibatnya pada link di bawah ini
Jika ada yang sudah memasang isyarat JS Adsense di dalam template ibarat ini
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Atau ibarat 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>
Silakan hapus isyarat tersebut alasannya di dalam isyarat Adblock Killer ini sudah tertanam isyarat JS Adsense didalamnya.
Itulah Cara Memasang Adblock Killer Versi Terbaru, agar bermanfaat dan wassalam.
0 Response to "Cara Memasang Adblock Killer Versi Terbaru"
Post a Comment