Cara Memasang Javascript Anti Adblock Killer di Blogger

2 komentar
Fernn.id - Adblock adalah ekstensi browser yang dapat mencegah munculnya iklan pada suatu website. Tujuan utama instalasi adblock ini biasanya supaya pengunjung bisa membaca artikel dengan nyaman tanpa terganggu adanya kemunculan iklan.

Jika anda adalah seorang pengguna adblock dan merasa nyaman menggunakan ekstensi tersebut, maka cobalah berfikir bagaimana ruginya jika kalian di posisi publisher atau pemilik blog. Kenapa kami bilang ekstensi tersebut dapat merugikan pihak publisher?

Hal ini sama saja dengan membunuh kreatifitas seorang kreator secara perlahan-lahan, mengapa? Tentu karena mereka (publisher) merasa tidak lagi dihargai hasil kerja kerasnya berbagi ilmu, padahal imbalannya hanya dapat dari penayangan iklan itu sendiri.

Tetapi tenang saja sob, buat kalian yang berada di pihak publisher atau pemilik blog, admin ada solusinya agar si pengguna adblock ini tidak bisa membaca semua artikel yang ada di blog kalian. Mau tahu caranya? yuk silahkan simak tutorial pemasangan anti adblock berikut ini.

Cara Memasang Anti Adblock Killer di Blogger

Sebelum melanjutkan ke pemasangan, ada baiknya agar backup template terlebih dahulu untuk menghindari jika terjadi adanya kerusakan atau crash.

1. Memasang Javascript Anti Adblock

Silakan cari dan hapus kode JS seperti berikut ini. Untuk mempermudah pencarian, gunakan tombol pintasan di keyboard CTRL+F
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Kemudian ganti dengan kode JS berikut ini dan letakkan sebelum / di atas kode </body>
<script> //<![CDATA[
/* Anti AdBlock By Fernn.id */
(function ignielAdBlock() {
  var judulAd = 'Matikan AdBlock', /* Judul */
      notifAd = 'Agar blog Fernn.id tetap berjalan, matikan AdBlock atau masukkan blog ini ke dalam whitelist.<br/>Terima kasih.'; /* Isi tulisan. Garis baru diganti dengan <br/> */
      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}('O b=["\\f\\w\\o\\k\\q\\n","\\w\\o\\c\\g\\n\\c\\V\\s\\c\\K\\c\\m\\n","\\n\\B\\q\\c","\\n\\c\\1a\\n\\r\\P\\g\\z\\g\\f\\w\\o\\k\\q\\n","\\f\\o\\w","\\r\\r\\q\\g\\v\\c\\g\\j\\t\\d\\v\\l\\l\\v\\s\\c\\f\\B\\m\\j\\k\\w\\g\\n\\k\\l\\m\\d\\w\\l\\K\\r\\q\\g\\v\\c\\g\\j\\r\\P\\f\\r\\g\\j\\f\\F\\B\\v\\l\\l\\v\\s\\c\\d\\P\\f","\\g\\f\\B\\m\\w","\\l\\m\\c\\o\\o\\l\\o","\\j\\k\\z","\\k\\j","\\k\\v\\m\\k\\c\\s\\C\\j\\J\\s\\l\\w\\X","\\k\\m\\m\\c\\o\\H\\1c\\N\\G","\\y\\j\\k\\z\\i\\w\\s\\g\\f\\f\\L\\A\\k\\f\\k\\C\\j\\f\\A\\x\\y\\f\\q\\g\\m\\i\\w\\s\\g\\f\\f\\L\\A\\P\\1b\\j\\1b\\s\\A\\x","\\y\\r\\f\\q\\g\\m\\x\\y\\F\\o\\r\\x\\y\\f\\z\\v\\i\\z\\k\\c\\W\\J\\l\\1a\\L\\A\\u\\i\\u\\i\\t\\R\\i\\t\\R\\A\\x\\y\\q\\g\\n\\S\\i\\j\\L\\A\\N\\a\\e\\h\\a\\e\\H\\a\\a\\U\\p\\H\\a\\e\\N\\a\\t\\h\\a\\p\\d\\e\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\u\\d\\p\\h\\a\\Z\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\t\\h\\a\\R\\d\\p\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\e\\d\\e\\h\\a\\Z\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\t\\h\\a\\p\\d\\e\\N\\a\\I\\d\\p\\e\\h\\e\\H\\Q\\d\\t\\p\\G\\e\\h\\Q\\d\\t\\p\\U\\a\\I\\d\\p\\e\\G\\Q\\d\\t\\p\\h\\t\\a\\H\\a\\I\\d\\p\\e\\G\\t\\a\\h\\a\\I\\d\\p\\e\\U\\Q\\d\\t\\p\\G\\a\\I\\d\\p\\e\\h\\e\\1g\\A\\x\\y\\r\\q\\g\\n\\S\\x\\y\\r\\f\\z\\v\\x\\y\\F\\o\\r\\x","\\y\\r\\j\\k\\z\\x","\\g\\q\\q\\c\\m\\j","\\F\\l\\j\\B","\\l\\z\\c\\o\\1e\\s\\l\\W","\\f\\n\\B\\s\\c","\\S\\k\\j\\j\\c\\m","\\g\\j\\F\\s\\l\\w\\X","\\v\\c\\n\\V\\s\\c\\K\\c\\m\\n\\f\\J\\B\\1c\\g\\v\\Y\\g\\K\\c","\\k\\m\\f\\c\\o\\n\\J\\c\\1e\\l\\o\\c","\\q\\g\\o\\c\\m\\n\\Y\\l\\j\\c"];O D=E[b[1]](b[0]);D[b[2]]=b[3];D[b[4]]=b[5];D[b[6]]=1d;D[b[7]]=1k(){O M=E[b[1]](b[8]);M[b[9]]=b[10];M[b[11]]=b[12]+1m+b[13]+1j+b[14];E[b[16]][b[15]](M);E[b[16]][b[18]][b[17]]=b[19];1f[b[1i]]=1d};O T=E[b[1l]](b[0])[0];T[b[1h]][b[1n]](D,T)',62,86,'||||||||||x31|_0xd5a9|x65|x2E|x33|x73|x61|x2C|x20|x64|x69|x6F|x6E|x74|x72|x37|x70|x2F|x6C|x32|x30|x67|x63|x3E|x3C|x76|x22|x79|x41|ad|document|x62|x4C|x48|x35|x42|x6D|x3D|_0xc9cbx2|x4D|var|x6A|x38|x34|x68|b_ad|x56|x45|x77|x6B|x4E|x36|||||||||||x78|x75|x54|true|x66|window|x5A|23|20|notifAd|function|21|judulAd|22'.split('|'),0,{}));
})();
//]]> </script>

2. Memasang kode CSS

Salin dan letakkan kode CSS berikut ini tepat sebelum atau diatas kode </style> atau ]]></b:skin>
/* Anti AdBlock By igniel.com */
#ignielAdBlock {background:rgba(0,0,0,0.85);padding:0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:1000;opacity:1;visibility:visible;height:auto;}
#ignielAdBlock svg {width:100px; height:100px}
#ignielAdBlock svg path {fill:#fff}
#ignielAdBlock a{color:#ffe88b;} #ignielAdBlock a:hover{color:#ffe88b;text-decoration:underline}
#ignielAdBlock .isiAds{background:#e74c3c;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;font-weight:400;line-height:1.5em;font-family:monospace;max-width:800px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);border:15px solid rgba(0,0,0,.07); overflow:hidden; transition:all .6s cubic-bezier(.25,.8,.25,1); -webkit-transform:translateZ(0); transform:translateZ(0); backface-visibility:visible; transition:all .2s ease-in-out,visibility 0s; transform-origin:bottom center; pointer-events:auto; transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); opacity:1; animation:ignielWobble .5s; -moz-animation: ignielWobble .5s; -webkit-animation:ignielWobble .5s; -o-animation:ignielWobble .5s}
#ignielAdBlock .isiAds:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
#ignielAdBlock .isiAds h4, #ignielAdBlock .isiAds .judul{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;font-weight:600;margin-bottom:20px}
#ignielAdBlock .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;text-align:center;position:absolute;bottom:10px;right:10px;font-size:42px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translate(0,50px);}
#ignielAdBlock .tutupAds:hover{color:#fff;transform:scale(1.0);}
#ignielAdBlock .isiAds:hover .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;transform:translate(0,0)}
@keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-webkit-keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-moz-keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
Kode CSS ini dipasang agar mempercantik tampilan dari notifikasi pop up anti adblock nya, sehingga hasilnya akan seperti screenshot berikut ini.

Notification Pop Up Anti Adblock

Penutup

Mudah kan? jika dirasa masih kurang paham silahkan di tanyakan melalui kolom komentar, sebisa mungkin akan kami jawab jika tidak ada kesibukan diluar jam kegiatan blogging. Pastikan selalu agar pertanyaan kalian sesuai dengan topik artikel yang sedang dibahas.

Mungkin sekian dulu artikel kali ini yang bisa kami share, semoga selalu bermanfaat.
Terimakasih
Fernand
Fernand
Hanya seorang blogger yang hobinya coding

Related Posts

2 komentar

Posting Komentar

Dapatkan artikel terbaru!