Cara Memasang Script Notifikasi Anti Adblock di Blogger

Cara Memasang Script Notifikasi Anti Adblock di Blogger

Cara Memasang Script Notifikasi Anti Adblock di Blogger
Cara Memasang Script Notifikasi Anti Adblock di Blogger

Hallo sobat ruangcoder, artikel kali ini Cara Memasang Script Notifikasi Anti Adblock Killer di Blogger / Blogspot , nah Dalam memasang Adblock ini sangatlah mudah sobat , dan apa sih kegunaan Adblock nah kalo menurut admin pribadi , AdBlock adalah sebuah ekstensi penyaringan konten dan pemblokiran iklan sumber terbuka untuk penjelajah web Google Chrome dan Apple Safari maupun blog sobat. AdBlock memungkinkan untuk pengguna mencegah munculnya elemen web tertentu seperti iklan, nah pada tutorial kali ini kebalikan nya sobat , apalagi sobat sudah berkecimpung di dunia Adsense , sudah pasti tentunya , ingin para pengunjung sobat menghargai sobat , jadi istilah nya buat uang rokok pas lagi nulis artikel hahaha , jadi anti adblock ini memungkin kan , agar si pengujung blog sobat , untuk mendisable adblocknya , jadi nanti iklan yang ada pada blog atau website sobat tampil kembali. Nah jadi itu saja penjelasannya kalo kurang sobat bisa search lagi di google , sekarang kita masuk ke tahap pemasangan nya. yukkk

Cara Memasang Notifikasi Anti Adblock Pada Blogger :



Yang pertama , jika sobat ada kode Javascript external dari Adsense yang dibawah ini , silahkan sobat Hapus, dan biasanya posisi kode dibawah ini , tepat berada diatas tag </head> jadi sobat hapus aja ya , nah kebetulan postingan ini dibuat , admin belom pasang adsense haha , doain aja keterima lagi, jadi admin gak ss ya , cukup sobat hapus aja jika ada , kalau gak ada di skip lanjut ke tahap selanjutnya

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

Nah sobat jangan panik, karena kode dihapus , itu sebenernya gak dihapus, hanya pemanggilannya yang kita ganti, sobat bisa copy kode dibawah ini , dan sobat letakkan "Diatas / Sebelum" kode pada tag </body> ya.

<noscript><div id='kc56' oncontextmenu='return false;'><p>Please enable JavaScript! Harap aktifkan JavaScript!</p></div></noscript>

<script type='text/javascript'>
//<![CDATA[
// Adblock
var mql = window.matchMedia('screen and (min-width: 60em)');if (mql.matches){
(function(w,u){var d=w.document,z=typeof u;function kc56(){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('kc56')){c('<p>Please disable your ad blocker to access this site! Harap nonaktifkan Ad blocker Anda untuk mengakses situs ini! <a href="JavaScript:window.location.reload()">Klik Refresh</a></p>','kc56')}};(function(){var a=['ad_300x250_m_c','hp-store-ad','inner-top-ads','mod_ad','ps-vertical-ads','row2AdContainer','systemad_background','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=['/adcde.js','/admez/ad','/adsales/ad','/adsenceSearch.','/adtools2.','/adv2.','/partner_ads_','/rcolads1.','_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','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]===u){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',kc56,false)}else{w.attachEvent('onload',kc56)}})(window);};
//]]>
</script>

Kemudian sobat letakkan kode fontawesome agar animasi lock pada notifikasi Adblock nya berjalan dengan lancar, caranya sobat bisa lihat disini Memasang Font Awsome , baru sobat bisa lanjut ketahap selanjutnya ya.

Selanjutnya , silahkan sobat percantik untuk tampilan Notifikasi Adblock sobat dengan menambahkan kode CSS berikut. Dan sobat simpan kodenya Tepat diatas / sebelum tag </style>. Jika sobat menemui tag </style> terlalu banyak, pastikan sobat memilih yang Di Luar tag kondisional halaman Blogger sobat

/* CSS Ad block */
#kc56{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:.98;display:block;z-index:9999;overflow:hidden}
#kc56 p{color:#000;text-align:center;margin:15% auto;font-size:2rem;max-width:750px;display:table;line-height:1.5;}
#kc56 p:before{content:'\f023';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)}
#kc56 p:hover:before{content:'\f13e'}
#kc56 p a,#kc56 p i{font-size:12px}
#kc56 ~ *{display:none}

Nanti tampilan notifikasi nya akan seperti gambar dibawah ini , pengunjung akan terus - terus an mendapatkan notifikasi tersebut apabila pengunjung tersebut tidak disable adblock nya :



Mungkin tutorial nya sampai sini aja dulu , apabila bermanfaat jangan lupa di share tutorial ini ya , sampai ketemu di tutorial selanjutnya

Anda mungkin menyukai postingan ini