MASIGNALPHA101

Cara Menyembunyikan Konten jika Javascript dinonaktifkan

Cara Menyembunyikan Konten jika Javascript dinonaktifkan
Sep 20, 2018
Berikut adalah trik tambahan jika pengguna menonaktifkan / block Javascript alamat situs tertentu di pengaturan browser, biasanya ini terjadi saat pengguna ingin menonaktifkan fungsi tertentu pada situs yang ia block. Cara kerja trik ini yaitu menyembunyikan isi konten blog dengan tampilan notikasi seperti pada tutorial di atas. Di sini saya memanfaatkan kondisi nonscript saat halaman web dimuat, di bawah ini contoh gambar situs yang di block Berikut Cara Menyembunyikan Konten Blog Jika Javascript Dinonaktifkan, tambahkan kode berikut sebelum </head>
<noscript>
<style type='text/css'>
/* No Script */
body,html{overflow:hidden}
.noscript{background:#e74c3c;color:#fff;padding:8% 0 0 0;position:fixed;bottom:0;left:0;top:0;right:0;z-index:1000;height:auto;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}
.noscript p{margin:0;text-align:center;padding:0 20px 10px 20px;margin:auto;font-size:3rem;line-height:1.5;font-family:monospace;max-width:1010px;text-transform:uppercase;font-weight:700}
.noscript p span{color:#ffe88b;font-size:10rem;line-height:normal;font-weight:normal}
</style>
</noscript>
Kemudian tambahkan kode berikut tepat di bawah <body>
<noscript>
<div class='noscript'>
<p><span>&#9888;</span></p>
<p>Please Enable Javascript to view our site content</p>
<p>Thank you</p>
</div>
</noscript>
Terakhir, simpan template