Cara Membuat Anti Adblock dengan fitur close - MANTANKODE

Cara Membuat Anti Adblock dengan fitur close

Membuat Anti Adblock diblogger dengan fungsi tombol close, untuk memperingatkan para penggunjung yang berkunjung blog anda agar mengganti browser yang tidak memiliki fitur Block Ads atau mendisable fitur Adblock yang terpasang di browser. jadi setiap dia merefresh blog anda maka akan muncul terus, tetapi bisa diclose notifikasi anti adblocknya agar para pengunjung anda tidak sepi. untuk yang tidak bisa diclose akan saya buat di artikel selanjutnya.

Cara Membuat Anti Adblock dengan fitur close


Untuk tampilannya anda bisa merubah dengan mengedit css dan html sesuai selera anda. untuk lebih mudahnya bisa langsung memakai yang akan saya sediakan.

Tahap Pertama

Buka Blogger - Templates - Edit HTML

Tahap Kedua

salin kode css dibawah ini dan letakkan diatas </head>
<style type="text/css">
@-webkit-keyframes bounce{0%{-webkit-transform:scale(0);}50%{-webkit-transform:scale(1.1);}100%{-webkit-transform:scale(1);}}@keyframes bounce{0%{-webkit-transform:scale(0);transform:scale(0);}50%{-webkit-transform:scale(1.1);transform:scale(1.1);}100%{-webkit-transform:scale(1);transform:scale(1);}}.mantanalert{width:100%;height:100%;position:fixed;top:0;left:0;z-index:900;display:none;}.mantanalert.is-active{display:block;}.mantanalert__container{top:calc(50% - 130px);left:calc(50% - 250px);max-width:500px;max-height:90%;font-size:16px;text-align:center;box-shadow:0 6px 5px -5px rgba(0,0,0,.5);-webkit-animation:bounce 1s;animation:bounce 1s;}.mantanalert__container,.mantanalert__title{position:relative;z-index:10;}.mantanalert__title{padding:1em 2em;font-size:1.2em;margin:0;}.mantanalert__text{padding:2em;font-weight:500;font-size:1em;margin:0;}.mantanalert__cover{background-repeat:repeat;background-size:cover;background-position:center;height:50px;position:relative;}@-webkit-keyframes rubberBand{100%,24%,from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}4%{-webkit-transform:scale3d(1.25,.8,1);transform:scale3d(1.25,.8,1);}8%{-webkit-transform:scale3d(.75,1.2,1);transform:scale3d(.75,1.2,1);}12%{-webkit-transform:scale3d(1.15,.9,1);transform:scale3d(1.15,.9,1);}16%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}20%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}}@keyframes rubberBand{100%,24%,from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}4%{-webkit-transform:scale3d(1.25,.8,1);transform:scale3d(1.25,.8,1);}8%{-webkit-transform:scale3d(.75,1.2,1);transform:scale3d(.75,1.2,1);}12%{-webkit-transform:scale3d(1.15,.9,1);transform:scale3d(1.15,.9,1);}16%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}20%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}}.mantanalert__cover__img{position:absolute;left:2em;bottom:-15px;-webkit-animation:rubberBand 3s infinite;animation:rubberBand 3s infinite;-webkit-transform-origin:bottom;transform-origin:bottom;}.mantanalert__close{background:rgba(0,0,0,.2);border:0;outline:0;font-family:monospace;font-size:1.3em;color:#fff;position:absolute;top:0;right:0;cursor:pointer;padding:0 1em;bottom:0;-webkit-transition:background .3s;transition:background .3s;}.mantanalert__close:hover{background:rgba(0,0,0,.4);}@media (max-width:500px){.mantanalert__container{left:0;right:0;width:100%;}}.mantanalert{background:rgba(0,0,0,0.95);}.mantanalert__title,.mantanalert__container{background:#fff;}.mantanalert__cover{background-color:#4b4b4d;}.mantanalert__title{border-bottom:1px solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.75);}.mantanalert__text{color:rgba(0,0,0,0.5);}

.mantanpulang:before {content:'\f121';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;font-family:fontawesome;transition:all 0.5s ease-out;}
.mantanpulang {
    background: #444;
    color: #fff;
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
    text-transform: uppercase;
}
.cpmantan {
    padding:2em;font-weight:500;font-size:13px;margin:0;
}
</style>

Tahap Ketiga

salin kode javascript dibawah ini dan letakkan diatas </body>
<script>//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('1s(W(p,a,c,k,e,r){e=W(c){X(c<a?\'\':e(1t(c/a)))+((c=c%a)>1p?13.1o(c+1k):c.1j(1l))};Y(!\'\'.Z(/^/,13)){12(c--)r[e(c)]=k[c]||e(c);k=[W(e){X r[e]}];e=W(){X\'\\\\w+\'};c=1};12(c--)Y(k[c])p=p.Z(14 10(\'\\\\b\'+e(c)+\'\\\\b\',\'g\'),k[c]);X p}(\'0 8(){0 e(e,c){R e.5?e.5.y(c):!!e.7.w(d h("(\\\\\\\\s|^)"+c+"(\\\\\\\\s|$)"))}0 c(c,t){c.5?c.5.v(t):e(c,t)||(c.7+=" "+t)}0 t(c,t){a(c.5)c.5.u(t);g a(e(c,t)){9 o=d h("(\\\\\\\\s|^)"+t+"(\\\\\\\\s|$)");c.7=c.7.q(o," ")}}9 o=6.l(".H"),s=6.l(".p");c(o,"m-j"),s.r=0(){t(o,"m-j")}}a("f"!=b i||"f"!=b x)8();g{9 4=6.z("A");4.B=0(){i.C(8)},4.D=0(){8()},4.E="F-G/n=",4.I="J",4.K="L://M.N.O/P/Q/k/3.2.1/k.S.T",6.U.V(4)}\',11,11,\'W||||1i|1h|19|18|1v|15|Y|1a||14||1b|1g|10|1e|1c|1d|1u|1D|1P||1M|Z|1K|||1O|1U|1T|1R|1S|1Q|1N|1I|1A|1z|1y|1w|1x|1B|1C|1H|1G|1F|1J|1E|17|1L|1f|X|16|1q|1r|1m\'.1n(\'|\'),0,{}))',62,119,'||||||||||||||||||||||||||||||||||||||||||||||||||||||||||function|return|if|replace|RegExp|58|while|String|new|var|min|com|className|document|typeof|undefined|active|fuckadblock|fuckAdBlock|libs|else|classList|importFAB|toString|29|36|appendChild|split|fromCharCode|35|js|head|eval|parseInt|querySelector|adBlockDetected|sha256|xjwKUY|integrity|onerror|onDetected|mantanalert|crossOrigin|is|cloudflare|https|src|anonymous|onload|cdnjs|onclick|ajax|mantanalert__close|script|remove|NgkPjZZBOtOxRYtK20GaqTwUCf7WYCJ1z69w|createElement|FuckAdBlock|contains|match|add'.split('|'),0,{}))
//]]></script>

Tahap Keempat

ini yang terakhir silahan pilih tambah Widgets - setelah itu salin kode dibawah ini.
<b:if cond='data:blog.pageType == "item"'>
<div class='mantanalert'>
<div class='mantanalert__container'>
<div class='mantanalert__cover'>
<button class='mantanalert__close'><i class='fa fa-times'></i></button>
</div>
<h2 class='mantanalert__title'>Ad Blocker Detected</h2>
<p class='mantanalert__text'>Please consider supporting us by disabling your ad blocker, or you support my Blog on Donate.<br><br><i class='fa fa-pencil-square'>Mail:</i>[email protected]<br><br><br><b>
<a class='mantanpulang' expr:href='data:blog.homepageUrl' target="_blank">home</a></b></p>
<p class="cpmantan">Copyright &#169;<script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script><data:blog.title/>All Right Reserved</p></div></div></b:if>



Sekian dan terima kasih, sampai jumpa diartikel selanjutnya.

Share with your friends

Add your opinion
Disqus comments
Notification

Donasi yang anda berikan akan saya gunakan untuk mengembangkan blog ini.

BANK BNI: 0431705794 a/n Muhammad Rahmadi

Pulsa/DANA/OVO: +6285822266832

Done