Skip to content Skip to sidebar Skip to footer
Home / Tutorial

Berikut 2 Cara memasang Script Anti AdBlock di Blogger Terbaru

By Fahrul Al-Bukhori Post a Comment
Berikut 2 Cara memasang Script Anti AdBlock di Blogger Terbaru

Pengertian AdBlock

AdBlock biasanya dipasang oleh pengguna web browser agar iklan yang timbul ketika membaca sebuah artikel dapat di hilangkan atau tujuannya adalah untuk mencegah iklan muncul di laman web sehingga pengunjung web dapat membaca dengan nyaman. Adblock bukan hanya memblokir iklan di situs web tetapi juga melindungi orang dari malvertising yang mencoba menggunakan teknologi periklanan untuk meretas PC Anda dan memblokir untuk tidak melihat iklan-iklan yang tidak relevan. Tidak hanya itu, AdBlock juga melindungi dari berbagai iklan pop-up dan pop-under yang sangat menjengkelkan dan juga dengan memblokir iklan juga dapat meningkatkan kecepatan pemuatan situs sebuah website.
Beredarnya plugin AdBlock sekarang tentu sangat merugikan bagi publisher ataupun pemilik blog, mengapa demikian? Tentunya karena dengan adanya plugin AdBlock pastilah iklan yang ada di sebuah website atau blog akan hilang dan pundi-pundi pendapatan bagi pemilik blog yang menyediakan informasi tentu akan mengalami penurunan juga. Untuk itulah disini akan dibahas mengenai cara pemasangan script AdBlock Killer.

Apa itu AdBlock Killer

AdBlock Killer merupakan script HTML yang akan dimasukkan ke dalam website yang nantinya akan menjadi popup atau notifikasi jika pengunjung menyalakan AdBlock ketika sedang membaca sebuah artikel dan akan diminta untuk mematikan ekstensi tersebut. AdBlock Killer tidak hanya menonaktifkan plugin Adblock saja tetapi juga berhenti mengakses konten dari situs web Anda. Setiap kali pengguna menggunakan Adblock saat mengunjungi situs Anda, maka skrip anti-Adblock secara otomatis akan mendeteksinya dan kemudian menampilkan pesan untuk menonaktifkan Adblock untuk mengakses konten tersebut.

Memasang Script AdBlock Killer Versi Pertama

1. Login ke Dashboard Blogger anda
2. Masuk ke Tema/Template>Klik Tanda ⛛ samping tombol Sesuaikan kemudian pilih Edit HTML.
3. Pada Tampilan HTML, cari tag ]]></b:skin> dengan menekan tombol CTRL + F kemudian ketikkan tag tersebut lalu pastekan kode berikut ini tepat diatasnya. 
/*!
 * Anti-adblock v2.1.0
 * Copyright 2019 zkreations
 * Daniel Abel M. (fb.com/danieI.abel)
 * Licensed under MIT (github.com/zkreations/plugins/blob/master/LICENSE)
 */
@font-face {
  font-family: "wgd";
  src: url(https://cdn.jsdelivr.net/gh/da2l/host@1/dist/fonts/wgd.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
[class^="wgd-"]:before,
[class*=" wgd-"]:before {
  font-family: "wgd" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wgd-usd:before {
  content: "61";
}
.wgd-eur:before {
  content: "62";
}
.wgd-btc:before {
  content: "63";
}
.wgd-times:before {
  content: "64";
}
@keyframes square {
  0% {
    transform: translateY(0) scale(1.5) rotate(0);
    opacity: 1
  }
  100% {
    transform: translateY(-600px) scale(1) rotate(-200deg);
    opacity: 0
  }
}
.WgD-particles i {
  font-size: 4em;
  font-weight: 400;
  position: absolute;
  bottom: -100px;
  animation: square 10s infinite;
}
.WgD-particles i:nth-child(6),
.WgD-particles i:nth-child(4),
.WgD-particles i:nth-child(11),
.WgD-particles i:nth-child(8) {
  font-size: 3em;
}
.WgD-particles i:nth-child(2),
.WgD-particles i:nth-child(3),
.WgD-particles i:nth-child(10) {
  font-size: 2em;
}
.WgD-particles i {
  animation-duration: 16s;
}
.WgD-particles i:nth-child(1) {
  left: 15%;
}
.WgD-particles i:nth-child(2) {
  left: 24%;
  animation-duration: 8s
}
.WgD-particles i:nth-child(3) {
  left: 50%;
  animation-delay: 5s
}
.WgD-particles i:nth-child(4) {
  left: 40%;
  animation-delay: 7s;
  animation-duration: 15s
}
.WgD-particles i:nth-child(5) {
  left: 36%;
  animation-delay: 6s
}
.WgD-particles i:nth-child(6) {
  left: 44%;
  animation-delay: 10s;
  animation-duration: 20s
}
.WgD-particles i:nth-child(7) {
  left: 58%;
  animation-delay: 2s;
  animation-duration: 18s
}
.WgD-particles i:nth-child(8) {
  left: 45%;
  animation-duration: 14s
}
.WgD-particles i:nth-child(9) {
  left: 66%;
  animation-delay: 3s;
  animation-duration: 12s
}
.WgD-particles i:nth-child(10) {
  left: 74%;
  animation-duration: 25s
}
.WgD-particles i:nth-child(11) {
  left: 80%;
  animation-delay: 4s
}
body.ab-is-detected {
  overflow: hidden !important;
}
[id=WgD] {
  display: none;
}
[id=WgD].is-detected {
  display: block;
}
@keyframes wgdfade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#WgD {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  animation: wgdfade .3s;
  z-index: 99999;
}
.WgD-position {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 900;
}
.WgD-title {
  margin: 0;
  margin-bottom: .5em;
}
.WgD-text {
  margin: 0;
  font-weight: 400;
}
.WgD-reload {
  text-decoration: none;
  display: inline-block;
  margin-top: 2em;
  font-weight: 500;
  transition: transform .3s;
}
.WgD-reload:hover {
  transform: scale(1.05);
}
.WgD-close {
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  font-size: 20px;
  color: #999;
  padding: 1rem;
  line-height: 1;
  display: block;
}
.WgD-container img {
  max-width: 100%;
  margin-bottom: 1em;
  object-fit: cover;
}
/*
=> Personalizacion
*/

/* Base
-----------------------------------------*/
[id=WgD] {
  font-family: 'Roboto', sans-serif; /*fuente*/
  background: #FF416C; /*fondo por defecto */
  background: linear-gradient(to right, #FF4B2B, #FF416C);/*degradado*/
}
.WgD-particles i {
  color: rgba(0, 0, 0, 0.2); /*color particulas*/
}
/* Animacion (daneden.github.io/animate.css/)
-----------------------------------------*/
.WgD-container {
  animation: bounceIn 1s; /*nombre y duracion*/
}
/* Cuerpo
-----------------------------------------*/
.WgD-container {
  padding: 3.2em; /*naruto(relleno)*/
  max-width: 450px; /*ancho maximo*/
  background-color: #fff; /*fondo*/
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.1); /*sombra*/
  text-align: center; /*aliniacion del texto*/
  line-height: 1.5; /*interlineado*/
  border-radius: 10px; /*bordes redondeados*/
  color: #37474F;
}
.WgD-title {
  font-size: 1.6em; /*tamaño fuente*/
}
.WgD-text {
  font-size: 1.2em; /*tamaño fuente*/
}
/* Boton Recargar
-----------------------------------------*/
a.WgD-reload {
color: #fff !important;
}
.WgD-reload {
  box-shadow: rgba(0, 0, 0, .12) 0 3px 13px 1px; /*sombra*/
  color: #fff;
  padding: 1em 1.5em; /*naruto(relleno)*/
  background: #f46b45; /*fondo*/
  border-radius: 3px; /*bordes redondeados*/
}
.WgD-reload:hover {
    color: #fff;
}
.WgD-close:hover {
    color: #464646;
}
/* Imagen
-----------------------------------------*/
.WgD-container img {
  max-height: 200px; /*altura maxima*/
}

/*Demo*/
.demo {
  padding: 3rem;
  background: #fff;
  color: #757575;
  margin: auto;
  max-width: 400px;
  position: absolute;
  top: 50%;left: 50%;
  transform: translate(-50%,-50%);
}
body {
  background: #f1f1f1;
  line-height: 1.5;
}
Untuk lebih jelasnya perhatikan gambar berikut :
Memasang Script AdBlock

4. Selanjutnya ketik </body> di kolom pencarian lagi, lalu pastekan script berikut tepat diatasnya sama seperti sebelumnya. 
<div id='WgD'>
  <div class='WgD-position'>
    <div class='WgD-container'>
      <h3 class='WgD-title'>Adblock Terdeteksi</h3>
      <p class='WgD-text'>Mohon matikan plugin <strong>Adblock</strong> untuk tetap mendukung situs ini berkembang</p>
      <a class='WgD-reload' href='#' onclick='adBlockReload()'>Disable Adblock &amp; Reload</a>
    </div>
  </div>
  <div class='WgD-particles'>
    <i class='wgd-usd'/>
    <i class='wgd-eur'/>
    <i class='wgd-usd'/>
    <i class='wgd-eur'/>
    <i class='wgd-btc'/>
    <i class='wgd-usd'/>
    <i class='wgd-usd'/>
    <i class='wgd-eur'/>
    <i class='wgd-btc'/>
    <i class='wgd-usd'/>
    <i class='wgd-eur'/>
  </div>
</div>

<!-- Adblock -->
<script>
function adBlockClose() {
  document.getElementById(&quot;WgD&quot;).classList.remove(&quot;is-detected&quot;);
  document.body.classList.remove(&quot;ab-is-detected&quot;)
};
function adBlockReload() {
  window.location.reload();
  return !1
};
function adBlockDetected() {
  document.getElementById(&quot;WgD&quot;).classList.add(&quot;is-detected&quot;);
  document.body.classList.add(&quot;ab-is-detected&quot;)
};
if(typeof fuckAdBlock !== &#39;undefined&#39; || typeof FuckAdBlock !== &#39;undefined&#39;) {
	adBlockDetected();
} else {
	var importFAB = document.createElement(&#39;script&#39;);
	importFAB.onload = function() {
		fuckAdBlock.onDetected(adBlockDetected)
		fuckAdBlock.onNotDetected(adBlockNotDetected);
	};
	importFAB.onerror = function() {
		adBlockDetected(); 
	};
	importFAB.integrity = &#39;sha256-xjwKUY/NgkPjZZBOtOxRYtK20GaqTwUCf7WYCJ1z69w=&#39;;
	importFAB.crossOrigin = &#39;anonymous&#39;;
	importFAB.src = &#39;https://cdnjs.cloudflare.com/ajax/libs/fuckadblock/3.2.1/fuckadblock.min.js&#39;;
	document.head.appendChild(importFAB);
}
</script>
5. Klik Save template 🖬 dan coba buka website anda dengan plugin adblock, apabila muncul jendela pop up maka pemasangan anti AdBlock telah sukses.

Memasang Script Adblock Killer Versi Kedua

Untuk yang satu ini anda tidak perlu repot-repot untuk mengedit HTML Script pada template, caranya sangatlah mudah.
1. Masuk ke menu Dashboard anda
2. Klik "Tata Letak" lalu klik Tambah Gadget pada Sidebar Widget
3. Pilih HTML/Java Script kemudian Pastekan Script dibawah ini di kolom kontent pada widget HTML tadi.
Widget anti adblock

Code Script Widget :
<style>#g207{position:fixed!important;position:absolute;top:0;top:expression
((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document
.body.scrollTop)+"px");
left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#g207 p{opacity:1;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-align:center;margin:20% 0}#g207 p a,#g207 p i{font-size:12px}#g207 ~ *{display:none}</style><noscript><i id=g207><p>Please enable JavaScript!<br />Bitte aktiviere JavaScript!<br />S'il vous pla&icirc;t activer JavaScript!<br />Por favor,activa el JavaScript!<br /><a href="http://antiblock.org/">antiblock.org</a></p></i></noscript><script>(function(w,u){var d=w.document,z=typeof u;function g207(){function c(c,i){var e=d.createElement('i'),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('g207')){c('<p>Please disable your ad blocker!<br/>This site is supported by the advertisement <br/> Please disable your ad blocker to support us!!!<br/>Script by Channel “Best Online Earning Methods” </p>','g207')}};(function(){var a=['Adrectangle','PageLeaderAd','ad-column','advertising2','divAdBox','mochila-column-right-ad-300x250-1','searchAdSenseBox','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;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])}}}());(function(){var t=g(0,'img'),a=['/adaffiliate_','/adops/ad','/adsales/ad','/adsby.','/adtest.','/ajax/ads/ad','/controller/ads/ad','/pageads/ad','/weather/ads/ad','-728x90-'],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','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},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]!==null){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',g207,false)}else{w.attachEvent('onload',g207)}})(window);</script>
4. Save Widget tersebut, dan coba buka website anda dengan menggunakan plugin Adblock kembali.
Berikut adalah penampakan tampilan Notifikasi Pop-up dari Anti AdBlock
Notifikasi Anti AdBlock
Sekian artikel kali ini, semoga bermanfaat dan dapat membantu para penulis blog untuk lebih berkarya dan bagi penguna AdBlock mohon untuk tidak digunakan serta bantulah penulis untuk tetap semangat menyampaikan informasi, karena dari iklan lah mereka mendapat penghasilan.
Location:

Post a Comment for "Berikut 2 Cara memasang Script Anti AdBlock di Blogger Terbaru"