File Login Hotspot
Siapkan file hotspot yang akan digunakan. Download template yang sudah disediakan di website MikroTik Themes . Setelah mendownload file template login hotspot, silahkan extract file tersebut menggunakan aplikasi WinRAR.
Aplikasi Coding
Aplikasi yang bisa Anda gunakan untuk coding file html seperti Notepad++, Sublime Text, Visual Studio Code, dll.
Pembahasan
Contoh kali ini Admin menggunakan template WiFi_Lock.
1). alogin.html
File ini brfungsi untuk redirect ke website yang akan dituju setelah user berhasil memasukkan input username dan password pada saat login hotspot.
Untuk mengubah alamat websitenya tinggal cari (ctrl + f) "location.href", lalu ubah nama website yang sebelumnya menjadi alamat website Anda dengan mengisi diantara tanda petik satu ('...') atau petik dua ("..."). Contoh (ubah yang dicetak tebal) :
$(endif)location.href = 'http://nafaz.my.id',500;}
2). login.html
File ini adalah tampilan awal login hotspot. Admin akan menjelaskan beberapa command.
a. Tittle adalah Judul Website. Anda dapat mengubah tittle dengan mengisi text setelah <title> dan sebelum </title>. Contoh (ubah yang dicetak tebal) :
<title>Hotspot Login</title>
b. IMG adalah Gambar/Logo yang ditampilkan. Anda dapat mengubah gambar dengan cara mengubah <img src="..."> dengan nama file gambar yang akan diubah. Sebelumnya file gambar Anda silahkan di copy didalam folder "hotspot". Contoh (ubah yang dicetak tebal) :
<img class="logo" src="logo.png"/>
c. Paragraph adalah sebuah Text Paragraf yang ditampilkan. Anda dapat mengubah paragraph dengan mengisi text setelah <p> dan sebelum </p>. Contoh (ubah yang dicetak tebal) :
<p>Welcome To NaFaZ</p>
d. Background Color adalah Warna Background yang digunakan dalam body html. Anda dapat mengubah warna background dengan menambahkan style background-color didalam <body>. Contoh (ubah yang dicetak tebal) :
<body class='login' style="background-color: #9900ff;">
3). status.html
File ini berfungsi untuk mengetahui status user setelah user berhasil login dari hotspot login.
4). logout.html
File ini berfungsi untuk mengetahui status user setelah user berhasil logout dari hotspot login.
Oke itu saja yang dapat saya sampaikan,
Semoga bermanfaat :)
Jangan lupa untuk bookmark blog Ini.
See You Next Time Guys ●‿○
0 Comments