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/

Sekian semoga bermanfaat, Terimakasih.

About the Author

Seorang yang hobi nulis dan hobi berbagi kebaikan❣️

#tips-blog

Simakduluaja

Cara Supaya Blog Menampilkan Peringatan Saat JavaScript Pada Browser di Matikan

Pertama

Kedua

About the Author

3 komentar

Summary Team