Wednesday 8 October 2014

Halaman Login 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.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix4xGIt8F8rbqR7hT3w3_uXiB4883y_GOvQcILvtLJsBrzN-CD1cXXvTQ5-8t495aD8SYnnp6xRE8X1UekmTP4JwNnBnrvmD-rjCv8qIx0h-M7k8ZfqtSyFKD_VH_fdicMksWZ_iF_wJsR/s1600/login.jpg


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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibVdWIiOqi0uGLKiNQKpkfeYE7QcijrUGGSTgZAhFgdf2DXot6SuzDchgXSW1v5lFcVJEePWn-XKuuSIT7A65CaZvhxTG-_Z2dSkOZRIAhZw0B9hgz_u9DxfMiHIvqmuCLWRY5nJTqT-fE/s1600/Files.jpg

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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimDEbtdtuB60LzzFCrMqR3R2ie5y0lfTLwhHdIOFfBscPY7qQlo96Fh0AytidYp5XegpA2ZP3E-Ze3LjGfZPZHW-dmKw0TdAj0LjU9hxnbIRLaPMt8d7gI8-le00qfFbiR5eG6zI0bbft9/s1600/FTP.jpg

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHkihzROptIVj6BhCbxWaST5z_R0FBCsNlEpVcQi3gz3MTDq3nPDJjUILMPYM1aIV14byCDnS38bgEO9Vr9Ev22vtFW2edZLJpi0BZ5NryJrutLKepT5S41nbObmGUoFFU6oufkGgGAYxc/s640/copy.jpg

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


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRzklkDZN0h6uw_9eIpknyTdrDe_X-lSC8ojAJ62VPjilroVsxwsLSkqJkDAsjEyEZa53pd4zihbFn5rofQzkIWOFleXT-qGM4UYKMHPFroKuM5F8rIYjMnZ59j-N2Kt4mx5vOUHQNnyaH/s640/edit.jpg


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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxZ9fX13X18Y7IOGI8sz5mvi3NFlE0tw5jQAG-1HB-gdcLTJI1XZfyUILFR83OZNT8HXgoNasWB3nBcMNGbfo04jcITdWM0HdoyTklr3kPzc5yZHexbtTrXqCskOpV-Wisi7eURZ8LyS7w/s1600/hasil.jpg

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJDxVhgPM6Q3g_VgqFyfF90sBvCjBqH615EA0zZ2yzWX4NiOckQogJIUtVOSgCS7Udv-9lirKGjokDjhyphenhyphenVxaflwrtw7-qSqgVPQFFXNvAok8opUs6YQly14QXOfR4Zo-BllO5uWAf-diIr/s640/hotspot_login.jpg

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 :
Terus edit aja file .html yang ada, misalnya login.html pakai Dreamweaver aja biar gampang


EmoticonEmoticon