Cara Memasang Notifikasi JavaScript Nonaktif di Browser
Sebagian blogger terkadang tidak menyadari bahwa ada kemungkinan pengunjung masuk kedalam blognya lewat browser yang javascriptnya mati atau sengaja dinonaktifkan.
Saya sendiri pernah kebingungan saat tiba-tiba javascript pada aplikasi google chrome di smartphone saya mati. Sampai-sampai saya membuat artikel tentang bug aplikasi chrome, padahal itu cuma karena javascript pada browser mati atau nonaktif.
Nah dalam artikel ini saya akan membahas cara memasang notifikasi javascript nonaktif di blog, agar pengunjung yang tidak mengaktifkan javascript di browsernya tidak bisa masuk ke dalam blog kita.
Cara Memasang Notifikasi JavaScript Mati di Browser
Berikut ini adalah langkah-langkah yang harus dilakukan dalam pemasangan script notifikasi javascript mati di browser.
- Buka dashboard blogger.
- Pilih Tema.
- Pilih Edit HTML.
Cari kode </head>, letakan kode dibawah ini tepat diatasnya.
<noscript><style>
#post-wrapper, #footer-wrapper, #wrapper, .post {display:none}
body,html {overflow:hidden}
/* Noscript */
#ignielNoscript {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;}
#ignielNoscript svg {width:100px; height:100px}
#ignielNoscript svg path {fill:#fff}
#ignielNoscript .isiNoscript{background:#7bbefa;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:monospace;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}
#ignielNoscript .isiNoscript:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
#ignielNoscript .isiNoscript h4, #ignielNoscript .isiNoscript .judul{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;font-weight:600;margin-bottom:20px}
</style></noscript>Cari kode <body>, lalu letakan kode dibawah ini tepat setelah kode tersebut.
<noscript>
<div id='ignielNoscript'>
<div class='isiNoscript'><span class='judul'>JavaScript Browser Mati</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'></path></svg><br/>
Hidupkan JavaScript di browser anda untuk mengakses www.maxikhsan.my.id.</div>
</div>
</noscript>Simpan tema.
Catatan:
Kalimat yang saya tandai dengan warna kuning bisa anda ubah sesuai selera anda. Kalimat tersebut akan muncul dalam notifikasi saat ada pengguna yang masuk kedalam blog anda dengan menggunakan browser yang javascriptnya mati atau dinonaktifkan.
Lihat gambar contoh notifikasi javascript nonaktif dibawah ini.
Gambar ini merupakan screenchoot yang saya ambil di aplikasi google chrome yang dinonaktifkan javascriptnya.
Apakah Memasang Notifikasi JavaScript Mati di Browser Penting?
Memasang notifikasi javascript nonaktif di browser sangat penting dalam blog. Karena apabila kita tidak memasang notifikasi tersebut maka pengunjung masih bisa mengakses blog kita meski javascript dalam browsernya dinonaktifkan.
Pengunjung yang tidak ingin melihat iklan dan tidak ingin menggunakan tombol apapun dalam blog kita akan diuntungkan apabila kita tidak memasang script notifikasi ini. Sebab saat javascript dalam sebuah browser dinonaktifkan, dan kita tidak memasang script notifikasi javascript di browser mati dalam blog, maka pengunjung tersebut masih bisa mengakses atau membaca artikel dalam blog kita.
Kerugian bagi seorang blogger ketika ada pengunjung yang sengaja menonaktifkan javascript dibrowsernya adalah iklan adsense tidak akan muncul sama sekali. Selain itu tools seperti menu navigasi, menu search atau tombol dark mode pun tidak akan bisa digunakan.
Penutup
Pada dasarnya seorang blogger itu mendapatkan penghasilan sampingan dari iklan yang di klik penginjung. Oleh karena itu untuk menghindari kecurangan pengunjung yang tidak ingin melihat iklan di blog kita, maka sebakinya gunakan script notifikasi javascript mati atau nonaktif untuk memberitau pengunjung bahwa blog anda hanya bisa diakses oleh browser yang mengaktifkan javascript.
Semoga bermanfaat.
Posting Komentar