Penjelasan dan Cara Memasang Anti AdBlock Killer di Blogger


Coretancode.com - Pada kesempatan kali ini admin ingin berbagi sedikit trik seputar blogging yaitu Cara Memasang Anti AdBlock Killer di Blogger yang dapat berguna buat kalian ketika merasa penghasilan dari iklan makin menurun setiap harinya.

Keluhan seperti ini sering kali saya jumpai pada grup facebook komunitas blogger. Bukan karena pemula, melainkan memang hal inilah yang menjadi kendala para blogger meningkatkan penghasilannya, seakan kerjanya tidak menghasilkan apapun.

Tidak ada pengecualian pada jenis iklan, semua jenis iklan hingga semua web penyedia iklan bisa di block tayang. Tentu hal ini akan menjadi masalah apabila kalian membuat blog dengan tujuan mendapatkan penghasilan, beda halnya jika kalian membuat blog hanya berdasarkan hobi atau iseng-iseng.

Bukan hanya pada sebuah website adblock ini dapat berkerja, tapi pada platform youtube pun adblock ini dapat digunakan, salah satunya yang banyak dikenal adalah Youtube Vanced, dan juga fitur premium dari youtube sendiri.

Pada salah satu forum besar pernah mendiskusikan tentang AdBlock, seperti bagaimana cara kerjanya, cara mengatasinya, sampai ada yang sempat tanya bagaimana ciri-ciri si penggunanya. Oleh karena itu kenapa kali ini saya membuatkan artikelnya, tidak lain untuk membahas lebih jauh apa itu AdBlock dan bagaimana cara untuk mengatasinya.

Apa itu AdBlock?

AdBlock adalah ekstensi penyaringan konten dan iklan sumber terbuka yang biasanya terdapat pada fitur di beberapa aplikasi penjelajah web. Contohnya di Google Chrome, Apple Safari, dan lain-lain.

Untuk cara kerjanya sendiri, AdBlock memanfaatkan javascript agar iklan tidak tampil pada halaman web. Ilustrasinya bisa kalian lihat dibawah ini.

Ilustrasi Cara Kerja AdBlock

Jika dilihat dari gambar diatas, tentunya dapat kita simpulkan bahwa pengguna adblock ini hanya ingin mendapatkan informasi tetapi tidak ingin terganggu dengan adanya iklan. Lalu bagaimana caranya untuk mengatasi adanya penggunaan adblock ini?

Cara Mengatasi AdBlock

Berikut ini beberapa cara untuk mengatasi adblock pada blog atau website yang kita kelola.
  • Tidak terlalu banyak menempatkan iklan.
  • Hindari pemasangan iklan berbau pornografi.
  • Memasang script anti adblock di website.
Admin rasa untuk 2 poin diatas yaitu penempatan iklan dan menghindari iklan pornografi sudah tidak perlu saya jelaskan, pasti kalian semua sudah tahu cara-caranya.

Lalu bagaimana cara untuk memasang adblock killer di blogger? yuk simak tutorialnya berikut ini.

Cara Memasang Anti AdBlock di Blogger

  1. Pastikan kalian sudah login dan masuk ke akun Blogger.com
  2. Pada menu dashboard, silahkan kalian pilih Tema > lalu Edit HTML
  3. Cari kode javascript external adsense dan hapus kode tersebut, biasanya terletak diatas kode </head> pada template.
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  4. Kemudian copy-paste javascript berikut ini, dan letakkan diatas kode </body>
    <script> //<![CDATA[
    /* Anti AdBlock By coretancode.com */
    (function coretancodeAdBlock() {
      var judulAd = 'Matikan AdBlock', /* Judul */
          notifAd = 'Agar blog Coretancode 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>
  5. Masukkan kode CSS berikut ini dan letakkan tepat diatas kode ]]</b:skin> atau </style>
    /* Anti AdBlock By coretancode.com */
    #coretancodeAdBlock {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;}
    #coretancodeAdBlock svg {width:100px; height:100px}
    #coretancodeAdBlock svg path {fill:#fff}
    #coretancodeAdBlock a{color:#ffe88b;} #coretancodeAdBlock a:hover{color:#ffe88b;text-decoration:underline}
    #coretancodeAdBlock .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:coretancodeWobble .5s; -moz-animation: coretancodeWobble .5s; -webkit-animation:coretancodeWobble .5s; -o-animation:coretancodeWobble .5s}
    #coretancodeAdBlock .isiAds:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
    #coretancodeAdBlock .isiAds h4, #coretancodeAdBlock .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}
    #coretancodeAdBlock .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);}
    #coretancodeAdBlock .tutupAds:hover{color:#fff;transform:scale(1.0);}
    #coretancodeAdBlock .isiAds:hover .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;transform:translate(0,0)}
    @keyframes coretancodeWobble{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 coretancodeWobble{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 coretancodeWobble{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)}}
  6. Simpan Tema.

Jika kalian berhasil memasang script anti adblock maka hasilnya akan seperti gambar berikut ini.


Kesimpulan

Kembali lagi tergantung pengunjung blog kalian, jika memang suka menggunakan adblock dan selalu cari cara mematikan iklan yang tampil maka semua cara diatas akan sia-sia kalian terapkan. Tapi setidaknya dengan cara ini kalian sudah berusaha mencegah terjadinya penggunaan adblock.

Mungkin sekian dulu postingan dari Cara Memasang Anti Adblock Killer di Blogger, apabila kalian memiliki pertanyaan silahkan ajukan melalui kolom komentar. Semoga selalu bermanfaat dan saya ucapkan
Terima kasih

Baca juga

Posting Komentar