Cara Mengganti Halaman Login Hotspot Mikrotik

Cara Mengganti Halaman Login Hotspot Mikrotik - Bagi anda yang sudah membuat Hotspot di Mikrotik nya pastinya tau kan
gimana tampilan halaman login default Mikrotik nya. Tampilannya simple dan cenderung membosankan. Nah,
sebenarnya Halaman Login Hotspot Mikrotik dapat kita edit, modifikasi, dan ganti sesuai keinginan kita loh. Jadi halaman login
default Mikrotik yang simple itu bisa kita buat jadi keren abis. Gimana caranya? Gampang kok, konsepnya hampir sama kaya bikin
web sederhana. Jadi anda paling tidak harus ngerti bahasa HTML sedikit-sedikit, dan sedikit sentuhan desain tentunya.
Oke, sebelum mulai Belajar Mikrotik kali ini persiapkan dulu senjatanya :
> HTML editor : Dreamweaver, Notepad++, dll
> Picture editor : CorelDraw, Photoshop, dll
Pastikan Hotspot Mikrotik anda sudah jalan, coba akses halaman login hotspot anda di Browser.

Buka Winbox, masuk ke menu Files. Semua file halaman login hotspot ada di folder hotspot.

Agar bisa mengedit file nya, copy dulu file di folder hotspot itu ke komputer. Caranya bisa dengan mengakses file itu via FTP. Buka
Windows Explorer, masukkan alamat berikut :ftp://ipaddressmikrotik, misalnya : ftp://192.168.100.1
Login dengan username dan password seperti pada winbox.

Masuk ke folder hotspot. Copy semua file nya, ctrl + a --> copy.

Kalo sudah tinggal edit aja file .html nya pakai Dreamweaver atau Notepad++. Untuk halaman login ada di file login.html.

Save file yang udah di edit itu, terus upload ke Mikrotik nya. Caranya sama seperti di atas, tinggal dibalik aja copy dari komputer ke
mikrotik. Coba lihat hasil editannya. Buka halaman login Mikrotik nya, jadinya kaya gini :D

Gimana? masih membosankan tampilannya? Oke, gimana kalo diedit jadi seperti ini?

Keren ga? Itu halaman login hotspot Mikrotik yang saya pasang di kosan :D. Kalo anda ingin juga bikin halaman login seperti itu,
silakan download aja contoh halaman login hotspot Mikrotik disini :
Download Halaman Login Hotspot Mikrotik

Terus edit aja file .html yang ada, misalnya login.html pakai Dreamweaver aja biar gampang.

Untuk gambar banner dan logo nya silakan anda cari atau buat sendiri pakai CorelDraw atau aplikasi lainnya.
Mengubah tampilan Login Hotspot di MikroTik
01.14 Komputer No comments

Seperti terlihat diatas itu adalah salah satu gambar yang saya ambil dari google, itu adalah Hotspot login yang dibuat di MikroTik.
Hotspot login sendiri yaitu sebagai gerbang antara user dengan internet untuk saling berhubungan sehingga user dapat
menggunakan akses internet.

Contohnya apabila anda sedang berada di sebuah kawasan Coffe / Restaurant seperti MCD,Kfc,AW, dan lain sebagainya. sambil
menunggu makanan anda ingin akses internet gratis (Free HotSpot) kebetulan ditempat tersebut ada Free WiFi Hotspot nya, tapi
ketika sudah coba connect dan masuk ke browser untuk masuk ke sebuah website tiba-tiba masuk ke halaman login page seperti
diatas contohnya. jadi anda harus bertanya terlebih dahulu kepada orang Coffe / Restaurant tersebut untuk mengetahui password
wifi nya .
Tapi kali ini saya akan membahas cara untuk mengganti tampilan dari Hotspot Login Pagenya, karena untuk membuat hotspot
login sudah saya share ebook nya.
Berikut ini cara-caranya ! :
1. Buka Browser anda dan masuk ke Google setelah itu ketikkan "Download Template Login Page MikroTik " otomatis ada
banyak website yang menyediakan itu tinggal download yang versi free nya saja. kalau mau yang berbayar silahkan .
2, Setelah itu Download template nya. ini adalah template yang saya download (DOWNLOAD)
3. Setelah di download kita akan menemui file html dan teman-temannya.

4. Kita lihat terlebih dahulu tampilan login.html

5. Sekarang, saya ingin mengganti Title Name seperti gambar diatas. kita masuk ke folder template yang sudah di extract dan
didownload tadi lalu kita Klik kanan file Login.html > Edit with Notepad / buka notepad dan tarik file login.html nya ke
notepad.
6. Disini saya akan Edit title nya saja, untuk anda jika ingin mengedit yang lain silahkan. setelah di edit SAVE

edit title
7. Berikutnya, masuk ke WinBox mikroTik. masukkan admin dan password nya seperti biasa
8. Lalu klik IP > Hotspot > Hotspot Setup. lakukan tahap berikut ini
Hotspot interface: Local > Next
Local Address of Network: 111.112.113.114/8 > Next
Address Pool of Network > Next
Select Certificate > Next
IP address of SMTP server > Next
DNS Server > Next
DNS Name > Next
Create Local Hotspot User > Name of user : admin, password : admin > Next (Ini untuk membuat user / client)
setelah selesai nanti akan ada muncul jendela "Setup has Completly"
9. Selanjutnya ke Tab Files

lalu tarik folder HotSpot ke Desktop anda, lalu buka Folder hotspot nya

DAN buka folder Template Login Page MikroTik yang tadi sudah kita download lalu tekan tombol CTRL + A okCTRL+C

Buka Folder Hotspot nya lalu Paste > Replace > YES
lalu Rename / ganti nama Folder HOTSPOT sesuai dengan keinginan anda. saya menamainnya Merdeka HotSpot
Lalu drag kembali folder yang sudah kita rename ke WinBox Files

Klik tab IP > Hotspot > tab Server Profiles dan pilih yang "hsprof1" klik 2 kali

APPLY > OK !
Sekarang kita tes untuk buka www.google.com dan apabila tidak masuk dan tampilannya seperti dibawah ini, berarti berhasil,
masukkan akun user yang tadi kita buat untuk login dan menikmati koneksi internet
Selamat Mencoba !!

Tutorial Membuat HOTSPOT Dengan MIKROTIK + Login MOD

Perlengkapan yang dibutuhkan :

Modem (Yang sudah terhubung INTERNET)

MikroTik RB / OS

Wireless Adapter / Access Point

2 Kabel UTP

Software Winbox

Software WinSCP

File login.html yang sudah di Modifikasi

Topologi Jaringan yang akan digunakan untuk Membuat Konfigurasi Jaringan Hotspot Di MikroTik Dengan Winbox.

Konfigurasi Hotspot :

Buka Winbox dan mencari Mac Address untuk login, klick MAC Addressnya bukan IP Address nya.

Setelah memilih Mac Address , login menggunakan default yaitu , Login : Admin . Password : [Kosong]

Setelah berhasil login, kita dapat melihat Interfaces MikroTik tersebut di winbox.

Edit nama Interfaces agar mudah melakukan konfigurasi, ether1 = Internet , ether2 = Wifi Hotspot, lihat gambar di
bawah ini.

Berikutnya kita harus mengisikan IP Address pada masing-masing ether yg sudah di beri nama. Menu IP Address [+]

Masukan IP Address untuk ether Wifi Hotspot 192.168.1.1/24, kemudian klik OK.

Setelah memasukkan IP Address ether Wifi Hotspot, Sekarang kita menggunakan DHCP Client untuk mendapatkan IP
Internet. Menu IP DHCP Client [+]

Pilih lah Interfaces INTERNET dan klik OK.

Untuk melihat IP address yang telah di konfigurasi. Menu IP Address Akan muncul Address List. lihat gambar di
bawah ini.

Selesai Konfigurasi IP setiap ether, sekarang kita akan membuat Hotspot. Menu IP Hotspot Hotspot Setup. Lihat
gambar di bawah ini.

Pilih HotSpot Interface WIFI HOTSPOT.

Klik Next karena IP interface Wifi Hotspot sudah seperti yang telah di konfigurasi dan beri centang pada Masquerade
Network.

Isi Address Pool. Pada tahap ini kita menentukan IP berapa sampai dengan IP berapa yang dapat menggunakan Wifi
Hotspot. Contoh : 192.168.1.10-192.168.1.100 ( hanya IP dari 192.168.1.10 sampai dengan IP 192.168.1.100 yang dapat
menggunakan Wifi Hotspot ).

Selanjutnya konfigurasi SSL, karena kita tidak menggunakan SSL, pada select Certificate, pilih saja none lalu klik next.

Konfigurasi IP SMTP Server. Jika anda memiliki SMTP Server, silahkan masukkan IP SMTP Server anda, karena saya
tidak punya maka langsung Next.

Selanjutnya Konfigurasi DNS, Karena DNS sudah auto detect dari Interface Internet, maka tidak perlu di konfigurasi lagi.
Langsung klikNext. (jika belum ada, silahkan isi DNS yang anda inginkan).

Untuk DNS Name di kosongkan saja dan klik Next. (jika anda ingin memberi nama, silahkan).

Berikut tahap membuat user hotspot login. User : admin dan Password : kosong. (isi dengan yang anda inginkan).
Kemudian Klik Next.

Setup membuat Hotspot sudah selesai. Seperti terlihat pada gambar di bawah ini.

Dan ini hasil membuat Hotspot tadi. Lihat gambar di bawah.

Klik pada menu Server Profiles dan isi DNS Name untuk Hotspot Login dan melimit bandwidth user Hotspot, seperti
terlihat pada gambar di bawah.

Membuat user login lebih banyak lagi, Pilih Tab [Users] [+] Isikan Name ( Sebagai User ) Password ( Kode
Pengaman ).

Dan seperti ini hasil kita membuat user Hotspot login.

Kemudian lakukan percobaan pada client yang sudah terkoneksi Wireless/Access Point. Buka browser
ketik http://www.google.com, maka secara otomatis akan direct ke sbp-hotspot/login karena DNS Name yang telah di
konfigurasi tadi.

Setelah memasukkan Username beserta Password dan berhasil login akan muncul seperti gambar di bawah ini.

Setelah tampilan di atas muncul maka Internet sudah dapat digunakan, akan tetapi Login Hotspot masih terlalu simple, dan kita
akan melanjutkan cara mengganti Login Hotspot seperti yang kita inginkan. Ikuti step-step berikut untuk mengganti tampilan Login
Hotspot.Modifikasi Login Hotspot :

Download WinSCP

Download Login.html
Download applikasi WinSCP di atas, install pada komputer anda dan jalankan. Kemudian isi sesuai data MikroTik anda . . .
Hostname : IP Mikrotik.
Username : admin
Password : Password mikrotik
Port number : jangan diubah, biarkan 22

Setelah login akan tampil seperti gambar di bawah ini . . .

Klik file login.html yang ada disebelah kanan, lalu drag and drop ke sebelah kiri. Maka file tersebut sudah ada di komputer anda.
Sekarang tinggal mengedit file login.html tersebut seperti yang kita inginkan. Jika sudah selesai mengedit file login.html anda,
kemudian drag n drop lagi file login.html yang sudah di edit ke sebelah kanan dan piih overwrite.
Jika sudah selesai melakukan step di atas maka kita bisa coba akses menggunakan hotspot client dan yang akan tampil halaman
login seperti yang anda buat tadi. Ini contoh editan Hotspot Login Page saya, silahkan download link di atas jika anda ingin
menjadikan refrensi pembelajaran cara membuat login.html hotspot mikrotik.

Terima kasih telah berkunjung, dan semoga Tutorial Membuat HOTSPOT Dengan MIKROTIK ini bermanfaat :)