Cara Memasang Anti Adblock Di Blog Versi Terbaru 2018

Waktu kemarin saya sempat membahas artikel tentang Cara Jitu Redirect Otomatis UC Browser ke Google Chrome yang inti nya membahas tentang Anti Adblock pada Uc Browser. Dan artikel kali ini tidak jauh masih membahas Cara agar pengunjung tidak bisa mengakses blog yang kita miliki bilamana pengguna uc browser mengaktifkan AdBlock di browser tersebut.

Saya akan menjelaskan terlebih dahulu Apa itu Adblock? Adblock merupakan sebuah ekstensi pada sebuah browser atau aplikasi untuk mengilangkan iklan pada blog, seperti kalian ketahui bahwa iklan di blog itu kadang mengganggu pengunjung dan akhirnya pengguna internet mulai menggunakan ekstensi Adblock.

Dan Menurut Wikipedia, AdBlock adalah ekstensi penyaringan konten dan pemblokiran iklan sumber terbuka untuk penjelajah web Google Chrome dan Apple Safari.

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.

Bagi seorang penulis blog yang menerapkan iklan baik itu dari Google AdSense hal itu merupakan salah satu merugikan atau ancaman menurunnya pendapatan dari blog. Untuk mengatasi hal semacam ini sobat blogger perlu dan wajib menambahkan script Adblock Killer pada blog.

Mungkin fungsinya tetap sama, yaitu dengan memberikan notifikasi kepada pengunjung untuk menonaktifkan ekstensi Adblock untuk situs yang mereka kunjungi dengan tampilan berbeda dan menarik. Bagi yang ingin memasangnya silakan ikuti tutorial yang akan saya bagikan kali ini.

Cara Memasang Anti Adblock Versi Terbaru

Pertama buka dasbor Blogger >Klik menu Tema > Klik tombol Edit HTML dan tambahkan kode di bawah 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 Anti Adblock ini akan muncul jika pengunjung mengunjungi situs kita dan mengaktifkan ekstensi Adblock. Dan untuk contoh kalian bisa lihat contoh di bawah ini dan Pastikan kalian menggunakan Uc Browser atau semacam nya yang mendukung ekstensi Adblock.

• Result

Jika kalian sudah memasang kode JS Adsense di dalam template seperti contoh code di bawah ini

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

Atau juga 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>

Silakan kalian hapus kode tersebut karena di dalam kode Adblock ini sudah tertanam kode JS Adsense didalamnya.

Mungkin itu saja yang bisa saya berikan di tutorial kali ini. Semoga bisa bermanfaat buat sobat sekalian. Selamat mencoba!

Code Script By : Arlinadzgn.com

Share this post