Assalamualaikum
Kali ini saya akan membagikan sebuah template login hotspot yang berdasarkan saya sangat keren alasannya desainya yang simpel, ringan, responsive lezat dipandang dan lebih kerennya lagi template ini dilengkapi dengan fitur Live Chat.
Template login hotspot ini saya dapatkan di salah satu Group RT/RW Net Indonesia, ada salah seorang member yang share template ini namun saya lupa namanya (Maaf om :D). Karena saya rasa template login hotspot ini sangat anggun makanya saya share lagi disini (moga2 yang punya gak murka :D) supaya besok-besok kalau filenya hilang dari komputer saya , sanggup saya cari lagi melalui postingan ini.
Ini beliau Tampilan depan login hotspotnya bila dibuka dari PC/Komputer
Kalo gambar dibawah ini tampilan Chat yang ada dihalaman login
Tampilan halaman statusnya kayak gini
Karena template ini memakai Bootstrap maka terperinci template ini pun responsive, ini dibuktikan dengan tampilan halaman login yang ikut menyesuaikan dengan layar dikala diakses dari smartphone atau handphone ibarat yang terlihat pada gambar dibawah ini
Untuk fitur chatnya memakai Telegram, jadi anda (Owner Hotspot) harus punya ID telegram dulu untuk sanggup memakai Fitur chat ini. Cara penggunaan fitur chat ini pun sangat simple yaitu
- Download dan Install dulu Aplikasi Telegram di Smartphone atau di PC
- Lakukan pendaftaran akun telegram (khusus yang belum punya akun)
- pada kolom Search/cari ketikkan @IntegramBot kemudian pilih
- Klik Start maka akan muncul akhir berupa Chat ID, Copy Chat ID tersebut
- Buka file login.html dan status.html kemudian scroll pada bab bawah kemudian masukan Chat ID tersebut di bab yang ditandai ibarat pada gambar dibawah ini. Lalu save .
- Upload seluruh file template login hotspot kedalam mikrotik
- Masuk kemenu IP-Hotspot-Wallet Garden kemudian tambahkan sebuah rules gres ibarat pada gambar dibawah ini. Tujuanya biar file javascript yang ada di login.html dan status.html sanggup dipanggil walaupun dalam keadaan user belum login sehingga Chat sanggup berfungsi
- Hasil ujicoba chat yang saya lakukan sanggup anda lihat pada gambar dibawah ini
File Template Login hotspot ini sudah saya ada beberapa bab yang saya ubah, lebih tepatnya saya hilangkan Seperti sajian Paket, dan juga sajian pendaftaran alasannya saya tidak membutuhkan menu-menu tersebut. Karena itu saya akan menunjukkan 2 versi file template login hotspot ini, yang versi saya dan versi originalnya
Versi Saya
Versi Original
Oke Sekian dan Terima kasih
Wassalam
Buat lebih berguna, kongsi:
