Hello sobat ICloudzer kali ini admin akan menjabarkan mengenai bagaimana caranya membuat no internet atau tidak ada internet seperti aplikasi AXISnet mode fullpage
Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas secara bersama sama
No internet
Sedangkan notifikasi popup yang di maksud pada pembahasan artikel kali ini adalah notifikasi popup untuk menampilkan no internet atau tidak ada koneksi internet pada website, alias warning saat data internet nonaktif alias tidak ada kuota saat menjelajah halaman website cara kerja dari notifikasi popup tidak ada internet akan muncul saat pengunjung web menonaktifkan paket datanya secara sengaja ataupun tidak sengaja, dan jika data kembali aktif maka notifikasi no internet akan menghilang alias hidden dalam bahas perkodeannya
Mode fullpage
Menariknya tampilan no internet nantinya akan tampil dalam mode fullpage alias mode memenuhi layar secara menyeluruh, karena hal tersebut seperti tampilan no internet pada aplikasi AXISnet sesuai judul pembahasan kita kali ini
Mirip aplikasi AXISnet
Bagi kamu pengguna aplikasi AXISnet pasti pernah melihat contoh notifkasi popup no internet saat menggunakan aplikasi tersebut, nah hal tersebut lah yang menginspirasi admin untuk membuat tampilan yang serupa seperti tampilan notifikasi no internet pada aplikasi AXISnet tersebut
Contoh Tampilan
Jika kamu penasaran dengan contoh tampilan popup no internet di blogger silahkan non aktifkan paket data anda kemudian, lihat contoh tampilan no internet yang muncul, kemudian hidupkan kembali data internet anda, notifikasi popup no internet akan menghilang secara otomatis
Cara pembuatan
Baiklah sobat sekarang saatnya admin akan membahas bagaiamana sih caranya membuat notifikasi popup tidak ada koneksi internet di blogger, silahkan pelajari dan ikuti setiap arahan yang bakalan admin jelaskan di bawah ini yak
- Silahkan login ke akun Blogger menggunakan akun google milikmu
- Selanjutnya silahkan pergi kemenu Theme atau Tema
- Salin kode HTML di bawah ini kemudian letakkan di bawah kode <body>
- Selanjutnya silahkan salin lagi kode Javascript di bawah ini, kemudian letakkan di atas kode </body>
- Jika sudah silahkan simpan template dan periksa bagaimana hasilnya
<!-- [ Created by ICloudice.com ] -->
<div class='rahNet53 hidden'>
<div class='rahNetC53'>
<div class='rahNetIn53'>
<div class='img'>
<img alt='No Internet By ICloudice.com' src='https://i.imgur.com/ydtNN0d.png'/>
</div>
<div class='desk'>
<b>Ada gangguan pada koneksi kamu, nih...</b>
<p>Pastikan perangkat kamu terhubung dengan jaringan internet atau WIFI, lalu coba kembali, ya!</p>
<div class='rahNetB53'>Coba lagi</div>
<span class='rahNetT53'/>
</div>
</div>
</div>
</div>Info: Jangan mengubah kode HTML di atas entar tampilan no internet seperti aplikasi AXISnet nya ngak berfungsi lagi
/* Created by ICloudice.com */
<script src='https://cdn.jsdelivr.net/gh/rahcode-ui/icloudice@dewa/users/js/rahNetAxis53.js'></script>Info: Kode Javascript di atas sudah admin enkripsi dan telah di sederhanakan
