Untuk mengedit tampilan login page captive portal hotspot pada mikrotik yang perlu di edit adalah file login.html nya. File ini dapat di copy langsung via winbox. Buka winbox anda klik Files lalu cari file login.html pada direktori hotspot. Atau juga bisa didownload via ftp, login ke ip gateway mikrotik anda. Siapkan design untuk login page nya bisa dibikin lwt Photoshop lalu export ke html. Setelah itu buka file login.html yg telah download tadi dgn editor web kesayangan lalu ambil script-script yang merupakan bawaan dari mikrotiknya, copy pastekan pada design login page yg tadi telah dibuat.
#letakkan pas dibawah tag <body>
$(if chap-id)
<form name=”sendin” action=”$(link-login-only)” method=”post”>
<input name=”username” type=”hidden”>
<input name=”password” type=”hidden”>
<input name=”dst” value=”$(link-orig)” type=”hidden”>
<input name=”popup” value=”true” type=”hidden”>
</form>
<script type=”text/javascript” src=”images/md5.htm”></script>
<script type=”text/javascript”>
<!– function doLogin() { document.sendin.username.value = document.login.username.value; document.sendin.password.value = hexMD5(’$(chap-id)’ + document.login.password.value + ‘$(chap-challenge)’); document.sendin.submit(); return false; } //–>
</script>
$(endif)
#letakkan diatas form username ama password
<div class=”notice” style=”color: rgb(0, 0, 0); “><span >Please
log on to use the Internet hotspot service
$(if trial == ‘yes’)Free trial available, <a style=”color: rgb(255, 128, 128);” href=”$(link-login-only)?dst=$(link-orig-esc)&username=T-$(mac-esc)”>click
here</a>.$(endif)</span></div>
#sesuaikan tag form nya dengan script bawaannya mikrotik berikut
<form name=”login” action=”$(link-login-only)” method=”post” if=”" onsubmit=”return doLogin()”>
<input name=”dst” value=”$(link-orig)” type=”hidden”>
<input name=”popup” value=”true” type=”hidden”>
</form>
#untuk inputbox username dan passwd sesuaikan juga
<input style=”width: 80px;” name=”username” value=”$(username)” type=”text”>
<input style=”width: 80px;” name=”password” type=”password”>
#tambahkan juga script berikut untuk menampilkan pesan2 error
$(if error)
<div style=”color: rgb(255, 128, 128); font-size: 9px;”>$(error)</div>$(endif)
#tambahkan pula sebelum penutup tag </body> script berikut
<script type=”text/javascript”>
<!– document.login.username.focus(); //–>
</script>
Untuk style css bisa diubah sesuai keinginan…simpan dengan nama login.html, lalu replace file login.html yang berada di server hotspot mikrotik [direktori ==> /hotspot] dengan file login page yang barusan anda buat. Untuk proses replace bisa langsung copy paste lwt winbox atau upload via ftp. File2 yang lain designya juga bisa diubah asal jangan menghilangkan file2 bawaannya dari mikrotik.
Langkah terakhir silakan test hotspot anda, apakah login page yg telah anda buat sudah berjalan apa belum ????
thx
CMIIW
