Membuat Anti AdBlock Ala Kenny dengan Background Anime Terbaru

Artikel kali ini adalah tentang Membuat Anti Ads block Ala Kenny dengan Background Anime.  Apa itu Adblock? Biasanya saat kita berselancar di dunia maya dan mengunjungi sebuah website yang memiliki iklan di sanalah fungsi utama adblock, yaitu memblokir iklan agar tidak muncul di layarmu.

Biasanya setiap browser baik dari smartphone ataupun pc memiliki fitur ini walaupun beberapa harus intstall plugin tambahan.

Baca Juga: Cara menggunakan Font Awesome Secara Online dan Offlline

Tetapi di sini kenny akan menjelaskan Anti Adblock yaitu kebalikan dari adblock, jadi saat anda mengunjungi sebuah website yang memiliki iklan menggunakan browser yang memiliki adblock, maka website tersebut akan memberikan notifikasi untuk mematikan adblock yang anda gunakan.

Kenapa harus dimatikan sih? Karena kami para blogger mendapatkan penghasilan dari iklan dan juga itung-itung donasi anda dengan cara memaikan adblock.

Anti adblock ini di sertai dengan background yang dapat kalian ganti sesuka kalian, baik itu dengan gambar, foto, ataupun warna biasa.

Langsung saja tutorialnya.

• Masuk Blogger - Tema - Edit HTML
• Masukkan kode di bawah ini diatas tag </head>. Gunakan CTRL + FUntuk mempermudah pencarian
  
  

  <style>
  /* CSS Ad block */
  #unblocker{position:fixed;top:0;left:0;width:100%;height:100%;display:block;z-index:9999;overflow:hidden;background-attachment: fixed !important; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixNzwu0Ll3JaDJW-aj1d-Tg1CN-IHvhsvhzmSssoDlnZKW8VM9kRGZuUHDSFuN65_gQ8q0etsi2dWTg4gSbADEE01Qc0ekNFr4bsKHzDILnCVijN3ZhErm0gPXpaR7WaD4VuqmrqU3JXYV/s1600/305273.jpg);background-position: center; background-repeat: no-repeat;background-size: cover !important;}
  #unblocker p{color:#fff;text-align:center;margin:30% auto;font-size:2rem;max-width:100%;display:block;line-height:1.5;background: #0000ff9c; padding: 10px;}
  #unblocker p:before{content:&#39;\f023&#39;;font-family:fontawesome;background:#ff675c;color:#fff;text-align:center;display:block;padding:0;width:2em;height:2em;line-height:2em;font-size:2.5rem;clear:both;border-radius:100%;margin:0 auto 3%;font-weight:normal;box-shadow:inset 0 0 5px rgba(0,0,0,.1)}
  #unblocker p:hover:before{content:&#39;\f13e&#39;}
  #unblocker p a,#unblocker p i{font-size:20px}
  #unblocker ~ *{display:none}
  </style>
  

  Tulisan berwarna merah adalah background default yang kenny gunakan sekarang, Ganti sesuai keinginan kalian.

• Masukkan kode Javascript dibawah ini diatas tag </body>
  

  <noscript><div id='unblocker' oncontextmenu='return false;'><p>Please enable JavaScript! Harap aktifkan JavaScript!</p></div></noscript>
  <script type='text/javascript'>
  
  //<![CDATA[
  
  var mql = window.matchMedia('screen and (min-width: 60em)');if (mql.matches){
  (function(w,u){var d=w.document,z=typeof u;function unblocker(){function c(c,i){var e=d.createElement('div'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('unblocker')){c('<p>Please disable your Adblocker to access this site! Thanks.<br/>Harap nonaktifkan Adblocker Anda untuk mengakses situs ini! Terimakasih.</p>','unblocker')}};(function(){var a=['ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;setTimeout(function(){for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display)=='none'){return f('#'+a[i])}}},250)}());(function(){var t=g(0,'img'),a=['/adsales/ad','/adsenceSearch.','/adtools2.','/adv2.','/partner_ads_','_ads.html','.468x60-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]===u){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',unblocker,false)}else{w.attachEvent('onload',unblocker)}})(window);};
  
  
  //]]>
  </script>
  

• Save 
• Untuk tes apakah kodenya berjalan nyalakan adblock di browser kalian.

Sekian tutorial Membuat Anti Ads block dengan Background Anime Semoga bermanfaat.