Cara Memasang Anti Noscript Pada Blog

Pernah dengar javascript, tentu sudah bukan? karena semua teknologi digital saat ini mengadopsi javascript tak terkecuali browser hp yang kamu gunakan saat ini. Jika dijabarkan secara singkat JavaScript adalah bahasa pemrograman tingkat tinggi dan dinamis. 

JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Google Chrome, Internet Explorer, Mozilla Firefox, Netscape dan Opera. Kode JavaScript juga dapat disisipkan dalam halaman web menggunakan tag SCRIPT.

Kode javascript yang terdapat pada blog atau setiap situs berfungsi untuk menerjemahkan halaman statis HTML menjadi halaman yang dapat berinteraksi dengan pengunjung. Sederhananya begini misalnya, pengunjung membuka suatu website atau blog maka javascript yang tertanam dalam website tersebut akan menerjemahkan Fiture dari web atau blog berupa tampilan gambar, tampilan iklan dan masih banyak lagi manfaatnya. Tentu semua tampilan itu memiliki kode javascript yang berbeda-beda pula bukan cuma satu saja.

Saat ini pada setiap browser hp, tabled maupun PC sudah memiliki fitur untuk menonaktifkan dengan mudah JavaScript. Sehingga disaat seseorang membuka situs, browser akan mencegah semua fungsi blog kita yang menggunakan JavaScript berjalan. Maka tampilan halaman tidak full beberapa gambar tidak nampak bahkan tayangan iklan tidak ada yang mencolok hanyalah tulisan artikel dari website tersebut.

Kondisi diatas tentu sangat merugikan pemilik website blog karena iklan tidak tayang disebabkan pengunjung telah mematikan fiture JavaScript pada browser mereka. Nah, untuk mencegah kerugian ini pemilik situs maupun blog bisa memasang anti noscript pada situs blog mereka. Dengan dipasangnya anti noscript maka pengunjung yang mematikan fungsi javascript browser akan diberi pemberitahuan untuk menyalakannya contoh lihat gambar dibawah.

Berikut cara memasang anti noscript pada website blog silahkan ikuti langkah berikut. Pertama tama login dulu pada akun blogger sobat rancax. Selanjutnya pilih tema dan pilih edit HTML. Selanjutnya salin kode dibawah ini dan letakan diatas kode head penutup. 

<noscript>
<style>
/* Anti Noscript JavaScript Blocker */
#content-wrapper, #footer-wrapper {display:none}
body,html {overflow:hidden}
#stm-anti-noscript {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;}
#stm-anti-noscript svg {width:100px; height:100px}
#stm-anti-noscript svg path {fill:#fff}
#stm-anti-noscript .stm-noscript{background:#0a16ff;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:Noto Sans;max-width:670px;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}
#stm-anti-noscript .stm-noscript:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
#stm-anti-noscript .stm-noscript h4, #stm-anti-noscript .stm-noscript .stm-title{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;font-weight:600;margin-bottom:20px}
@media screen and (max-width:348px){.stm-anti-noscript{top:-50px}.stm-anti-noscript p{font-size:1rem}}
</style>
</noscript>

Langkah selanjutnya salin kode berikut kemudian letakan dibawah kode body pembuka template, selanjutnya simpan. 

<noscript>
<div id='stm-anti-noscript'>
<div class='stm-noscript'>
<span class='stm-title'>Enable Javascript</span><br/>
<svg viewBox='0 0 24 24'><path d='M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z'/></svg>
<br/>
<p>To Access <data:blog.title/> Blog, Enable JavaScript in The Browser Settings.</p>
</div>
</div>
</noscript>

Lihat hasilnya dengan cara mematikan javascript browser sobat lalu buka blog sobat. Jika kebingungan saat memasangnya silahkan tanya dikolom komentar.