Cara Membuat Click Image untuk Login Hotspot Mikrotik

Pernah suatu dikala aku kanal ke wifi gratis, dimana setelah konek ke SSID Wifi itu web browser pribadi di redirect ke halaman Login. Namun, aku tidak perlu memasukkan username dan password untuk login, cukup klik gambar yang bertuliskan "Lanjutkan". Setelah itu aku mampu browsing sepuasnya dengan gratis :D.

Apakah anda juga pernah mengalaminya? Jika belum mampu coba konek ke SSID free@Wifi.id di tempat-tempat tertentu.

Oke, artikel kali ini aku akan membahas wacana bagaimana caranya membuat halaman login hotspot Mikrotik menggunakan klik gambar (image) untuk login, tanpa perlu memasukkan username dan password. Contoh nya ibarat gambar berikut :



Prasyarat :

1. Pastikan Mikrotik Anda sudah mampu konek ke Internet. (Cara mengkoneksikan Mikrotik ke Internet)
2. Pastikan Mikrotik Anda sudah di seting untuk Hotspot Mikrotik via WiFi. (Cara Membuat Hotspot di Mikrotik : Seting dasar Hotspot Mikrotik)
3. Pastikan Anda sudah punya aplikasi untuk edit file HTML Login Hotspot Mikrotik. (Cara Mengganti Halaman Login Hotspot Mikrotik)

Setelah semua prasyarat tersebut dipenuhi, kita lanjut ke Setting Hotspot Mikrotik nya.

Setting Hotspot Mikrotik

1. Masuk ke Menu IP --> Hotspot --> Server Profile --> Buka Profile Server yang digunakan --> Masuk ke Tab Login --> Pilih Login by : HTTP CHAP, HTTP PAP, Trial (Bila perlu) --> OK


2. Buat User Profile Baru untuk Trial di menu User Profiles -->  Isi Shared Users yang banyak --> Batasi speed nya di kolom Rate Limit (bila perlu) --> OK



3. Buat User gres untuk Trial di menu Users --> Isikan username dan password, disini aku isikan trial --> Pilih Profile TRIAL --> OK


Sampai disini Setting Hotspot Mikrotik Selesai. Selanjutnya Setting Halaman Login Hotspot Mikrotik. Disini aku contohkan menggunakan Software Adobe Dreamweaver untuk mengedit HTML Login Hotspot Mikrotik.

Setting Halaman Login Hotspot Mikrotik

1. Buat file image yang nantinya akan digunakan sebagai tombol login user.

2. Copy ke folder images pada direktori halaman login Mikrotik

3. Edit halaman login Mikrotik menggunakan aplikasi HTML editor.

4. Hapus semua form login dan tombol login, gantikan dengan code berikut :
<input type="hidden" name="username" value="trial">

<input type="hidden" name="password" value="trial">
Pada value, isikan uername dan password hotspot yang sebelum nya sudah dibuatkan.

5. Masukkan file gambar (image) yang akan digunakan sebagai tombol login, dengan code berikut :
<input type="image"" src="./images/kliklogin.png" name="submit"/>
Isikan path image Anda pada label kuning. Pastikan submit terisi pada label orange.
Untuk lebih jelasnya silakan lihat gambar berikut ini :


6. Setelah simpulan mengedit, silakan upload file halaman login nya ke Mikrotik. Caranya sudah pernah aku bahas disini : Cara Mengganti Halaman Login Hotspot Mikrotik

Hasilnya ibarat ini :


Setelah klik tombol login image, kita mampu login hotspot mikrotik menggunakan user trial yang sebelumnya kita buat.


Gimana, mudah bukan? Kalo masih galau silakan unduh file Halaman Login Mikrotik yang aku edit di atas. 
Download disini


Sumber https://mikrotikindo.blogspot.co.id

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel