Cara Memasang Anti Adblock di Blogger [Blogspot]

Suatu penghargaan teringgi ketika website kita bisa menjadi publisher dari google Adsense. Bagaimana tidak, begiru banyak website yang mencoba untuk mendaftarkan blognya ke Adsense google namun belum di setujui karena alasan-alasan tertentu.

Bagaimana dengan Anda yang sudah diterima oleh Akun adsense namun beberapa hal membuat penghasilan Anda tidak sesuai dengan apa yang diharapkan. Setelah di check kesan kesini, ternyata penyebabnya adalah beberpa visitor Anda menggunakan Adblocker, entah itu Adblock biasa atau Adblock plus yang akhirnya membuat iklan adsense tidak muncul saat membuka blog Anda.

Lalu bagaimana cara mengatai masalah ini. Yang Anda butuhkan sekarang adalah sebuah script yang berisi penringatan kepada visitor untuk mematikan Adblocknya. Sript ini nantinya akan membuat pengunjung terpaksa mematikan fungsi block ads tersebut karena tidak bisa menampilkan artikel yang ingin mereka baca. Jenis script yang cukup pintar bukan, makanya, saya sangat merekomendasikan pemasangan ini pada blog Anda. Silakan ikuti instruksinya dibawah ini

Cara Memasang Anti Adblock Pada Blogger [Blogspot]

Pada tutorial kali ini, saya akan membagikan 2 jenis style berbeda untuk pemasangsan Anti adblock. Terserah nantinya mau memilih style yang mana yang menurut Anda cocok untuk dipasangkan pada block.

Cara Pertama Memasang Anti Adblock

Karena fungsi anti adblock ini sudah dilengkapi dengan script adsense google, maka silakan hapus semua kode ini

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

Jangan khawatir, karena menghapus kode diatas tidak akan mempengaruhi kondisi iklan yang muncul pada blog Anda jika Anda tetap mengikuti tutorial ini. Kecuali jika tidak, jangan coba-coba untuk menghapus kode tersebut. Tahu alasannya kenapa? Karena scrip yang kita gunakan nanti pada tutorial anti adblock ini sudah terpasang kode tersebut. Maka akan mubazir jika tetap memasangnya.

Jika Anda sudah menghapus semua kode tersebut pada akun Adsense Anda, silakan ikuti langkah cara pasang Adblock berikut ini.

1. Copy dan pastekan file CSS berikut ini tepat diatas </head> atau &lt;!--</head>--&gt;&lt;/head&gt;

<style>
 /* DEWA PLOKIS ANTI ADS BLOCK */
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px);}100%{opacity:1;transform:translateY(0);}}
@keyframes rubberBand{from{transform:scale3d(1,1,1);}30%{transform:scale3d(1.25,0.75,1);}40%{transform:scale3d(0.75,1.25,1);}50%{transform:scale3d(1.15,0.85,1);}65%{transform:scale3d(.95,1.05,1);}75%{transform:scale3d(1.05,.95,1);}to{transform:scale3d(1,1,1);}}
#dewablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s;}
#dewablock .header{margin:0 0 15px 0;}
#dewablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s;}
#dewablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s;}
#dewablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none;}
#dewablock button.active,#dewablock button:hover.active{background:#fff;color:#222;outline:none;}
#dewablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px;}
#dewablock .fixblock div{display:none;}
#dewablock .fixblock div.active{display:block;}
#dewablock ol{margin-left:20px;}
@media(max-width:768px){#dewablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px;}}
</style>

2. Tambahkan kode berikut sebelum </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

<script type='text/javascript'>
//<![CDATA[
// Say No to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/dewaplokis/block@master/dewablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

3. Save template.

4. Selesai. Sekarang coba test blog pada browser yang sudah terpasang extensi Adblock. Selamat Anda sudah memiliki anti Adblocker pada block Anda

Cara Kedua Pemasangan Anti Adblock Blogspot

Untuk style Adblock yang kedua ini, tampilannya akan mirip seperti pada gambar dibawah :

Untuk tutorial kedua, berikut cara pemasangnnya :

1. Mirip dengan cara pertama tadi, silakan hapus script ini pada script adsense Anda

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

2. Setelah terhapus, silakan masukkan kode CSS berikut diatas </head> atau &lt;!--</head>--&gt;&lt;/head&gt;

<style>
/* Anti AdBlock By dewaplokis.com */
#dewaplokisAdBlock {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;}
#dewaplokisAdBlock svg {width:100px; height:100px}
#dewaplokisAdBlock svg path {fill:#fff}
#dewaplokisAdBlock a{color:#ffe88b;} #dewaplokisAdBlock a:hover{color:#ffe88b;text-decoration:underline}
#dewaplokisAdBlock .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:dewaplokisWobble .5s; -moz-animation: dewaplokisWobble .5s; -webkit-animation:dewaplokisWobble .5s; -o-animation:dewaplokisWobble .5s}
#dewaplokisAdBlock .isiAds:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
#dewaplokisAdBlock .isiAds h4, #dewaplokisAdBlock .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}
#dewaplokisAdBlock .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);}
#dewaplokisAdBlock .tutupAds:hover{color:#fff;transform:scale(1.0);}
#dewaplokisAdBlock .isiAds:hover .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;transform:translate(0,0)}
@keyframes dewaplokisWobble{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 dewaplokisWobble{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 dewaplokisWobble{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)}}
  </style>

3. Selanjutnya, tambahkan kode Java Script berikut sebelum </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

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

Silakan ubah judulAd 'Matikan Adblock' dan notifAd dan jangan lupa untuk gunakan tag <br /> untuk menggunakan baris baru

4. Save template dan lihat hasilnya.

Demikian tutorial singkat ini tentang Cara Memasang Anti Adblock di Blogger [Blogspot], semoga bermanfaat. Terima kasih


Sumber kode :

• https://www.igniel.com/2018/08/anti-adblock-killer.html
• https://www.arlinadzgn.com/2014/11/cara-memasang-adblock-killer-pada-blog.html

Share