JavaScript Anti adblock, Anti Bom Clik untuk template blogger dari arlinadzgn

Hai sob, jumpa lagi kita di blog kak Ryan, blog yang masih menerapkan konsep sederhana dari template EvoMagz milik mas sugeng 😅. Saya dapatkan template ini secara gratis. Namun saat ditemukan templatenya banyak sekali kekurangan, oleh karena itulah saya bikin dokumentasi ini.

Sebenarnya kode ini sudah dibagikan oleh teman kita yaitu kak arlinadzgn, tapi blognya susah ditemukan. Saya mendapatkan kode ini dari hasil ngintip / inspect element blog theboegis.com

Baiklah tanpa perlu panjang x lebar lagi, yuk kita ngoding bareng. Sebelumnya kamu harus masuk ke penyuntingan HTML Template. Klik thema => Edit HTML atau bisa juga dengan mengunduh file xml templatenya dan kita edit secara offiline.

Kalau sudah masuk ke teks editor, silakan kamu salin kode css dibawah ini, kemudian edit themenya tadi dan cari kode </b:skin> pastekan diatasnya.

/* Say Hi to Adblock */
#arlinablock{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}
#arlinablock .header{margin:0 0 15px 0}
#arlinablock .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}
#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}
#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#arlinablock .fixblock div{display:none}
#arlinablock .fixblock div.active{display:block}
#arlinablock ol{margin-left:20px}
@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}

Agar temen-temen gak bingung dimana saya letakan kodenya, bisa lihat gambar seperti yang saya contohkan ini:

Proses selanjutnya adalah memasang javascript, silakan teman-teman salin semua kode dalam box dibawah ini. Lalu kembali ke template tadi, cari kode </body>, lalu pastekan javascript ini diatasnya.

<script type='text/javascript'>
//<![CDATA[
//Anti Bom
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/view@master/clickonme.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
Arlina.init({click:3,interval:23000});
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

Sekian dulu postingan kali ini, maaf tutorialnya nggak lengkap. Sebelum mengedit kode pastikan kamu setidaknya sudah memahami kode HTML Dasar biar ada pemahaman arti kode diatas. Good Byeee mau bobo dulu sob dah ngantuk saya, semoga bermanfaat.