Cara Supaya Blog Menampilkan Peringatan Saat JavaScript Pada Browser di Matikan

Rafiqi, S.Kom.
Rafiqi, S.Kom.
Juli 19, 2024
3
Cara Supaya Blog Menampilkan Peringatan Saat JavaScript Pada Browser di Matikan
SHi Web Developer! kembali lagi bersama dengan guru design. kali ini guru design akan berbagi tutorial cara supaya website atau blogger menampilkan pesan atau notifikasi penolakan saat JavaSript di disable pada browser. Buat para mastah para master dan sejenisnya silahkan di koreksi kalau saja ada yang kurang tepat, tapi saya rasa tidak ada dan buat para newbie yang membutuhkan pencerahan silahkan diikuti di komputer masing-masing. Ok lanjut ketutorial

Pertama

Tambahkan JavaScript berikut, dibawah body pembuka <body>

<noscript>
<div class='noscript'>
  <p><span>&#9888;</span></p>
  <p>JavaScript is required to view the content of our site.</p>
  <p>please enable javascript !</p>
</div>
</noscript>

Kedua

Tambahkan style css berikut, diatas head penutup </head>

<noscript>
<style type='text/css'>
body,html{overflow:hidden}
.noscript{background:#03a9f4;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:hide;}
.noscript p{margin:0;text-align:center;padding:0 20px 10px 20px;margin:auto;font-size:2rem;line-height:1.5;font-family:&#39;Julius Sans One&#39;, sans-serif;;max-width:1010px;text-transform:uppercase;font-weight:400;}
.noscript p span{color:red;font-size:10rem;line-height:normal;font-weight:normal;}
</style>
</noscript>

Lalu simpan, untuk demo silahkan matikan java script anda dan buka website https://www.gurudzgn.com/

Baca Juga Cara Supaya Website atau Blogger Menampilkan Peringatan Saat JavaScript pada Browser di Matikan

Sekian semoga bermanfaat, Terimakasih.
Rafiqi, S.Kom.