Ooppss! Aktifkan JavaScript

Bismillah. Artikel kali ini merupakan lanjutan dari "jQuery Anti Adblock" yang pernah dibahas sebelumnya. jQuery Anti Adblock digunakan untuk memberi peringatan kepada para pengunjung blog agar perangkat lunak blok iklan dinonaktifkan, namun jika para pengunjung blog menonaktifkan fungsi JavaScript pada browsernya maka jQuery Anti Adblock tidak dapat bekerja dan para pengunjung tetap dapat membaca artikel dalam keadaan iklan tidak ditampilkan, hal ini merupakan kerugian bagi para pengelola blog.

Tips Trik blog kali ini merupakan jalan lain untuk tetap memberi peringatan kepada para pengunjung blog ketika mereka menonaktifkan fungsi JavaScript. Ketika para pengunjung blog menonaktifkan fungsi JavaScript maka sebuah layar peringatan akan muncul dan menutupi seluruh halaman blog, secara total pengunjung blog tidak dapat membaca artikel blog tersebut. Jika jQuery Anti Adblock memberi peringatan pada saat pengunjung blog mengaktifkan perangkat lunak untuk memblok iklan, maka JavaScript Disable Warning memberi peringatan saat pengunjung menonaktifkan fungsi JavaScript pada browser. Akhirnya mau tidak mau (baca:memaksa) para pengujung blog tetap harus melihat iklan pada blog yang kita kelola. SEMPURNA...!!!

Memasang Peringatan JavaScript Tidak Aktif (JavaScript Disable Warning)

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML"
Langkah 3
Cari kode dibawah ini:

]]></b:skin>

Langkah 4
Masukan (copy paste) kode CSS dibawah ini diatas kode pada langkah 3:

#enjs {
z-index: 999;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
margin:0;
padding:0;
}
#enjs p {
margin:0;
padding:0;
width:100%;
color:#333;
position:relative;
top:40%;
font:bold 18px/20px arial;
text-align:center;
text-shadow:none;
}

Langkah 5
Cari kode dibawah ini:

</body>

Langkah 6
Masukan (copy paste) kode dibawah ini diatas kode pada langkah 5:

<noscript><div id="enjs"><p>Oooops!! Mohon Aktifkan JavaScript</p></div></noscript>

Langkah 7
Simpan template, nonaktifkan fungsi JavaScript pada browser dan preview blog anda...

Keterangan: Sebaiknya kode pada langkah 6 ditempatkan diatas kode pada langkah 5

Selamat mencoba dan semoga berhasil. Happy Blogging :)