-->

Cara Membuat Anti Adblock dengan fitur close

Cara Mudah Membuat Notifikasi untuk disable Adblock

Daftar Isi [Tutup]
    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.

    Terus membaca

    Show comments
    Hide comments

    Notification

    Yuk bantu mantankode dengan berbagi artikel nya ke sosial media agar lebih dikenal. Atau sobat juga bisa membantu dengan Mentraktir mantankode di:

    Done
    Night Mode