Hello sobat ICloudzer kali ini admin akan menjabarkan mengenai bagaimana caranya membuat no internet atau tidak ada internet seperti aplikasi flip 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 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 flip sesuai judul pembahasan kita kali ini
Mirip aplikasi flip
Bagi kamu pengguna aplikasi flip 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 flip 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 akab membahas bagaiamana sih caranya membuat no internet connection 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>
<!-- [ Created by ICloudice.com ] -->
<div class='rahNet53 hidden'>
<div class='rahNetC53'>
<div class='rahNetIn53'>
<img alt='No Internet By ICloudice.com' src='https://i.imgur.com/A9efdmG.jpg'/>
<b>Kamu nggak terhubung ke internet</b>
<p>Pastikan koneksi internetmu aktif dan muat ulang halaman ini.</p>
<div class='rahNetB53'>Muat Ulang</div>
</div>
</div>
</div>
Info: Jangan mengubah kode HTML di atas entar tampilan no internet seperti aplikasi AXISnet nya ngak berfungsi lagi
- Selanjutnya silahkan salin lagi kode Javascript di bawah ini, kemudian letakkan di atas kode </body>
/* Created by ICloudice.com */
<script src='https://cdn.jsdelivr.net/gh/rahcode-ui/icloudice@dewa/users/js/rahNetFlp53.js'></script>
Info: Kode Javascript di atas sudah admin enkripsi dan telah di sederhanakan
- Jika sudah silahkan simpan template dan periksa bagaimana hasilnya
Kamu nggak terhubung ke internet
Pastikan koneksi internetmu aktif dan muat ulang halaman ini.
Muat Ulang
