Cara Membuat Page login Hotspot MIkrotik

Tutorial kali ini akan membahas bagaimana membuat page login hotspot yang menarik , dalam pembuatan hotspot dengan menggunakan mikrotik kita akan menemukan yang nama nya pa apa itu page login ? page login adalah halaman masuk .

cara pembuatan page login tidak cukup sulit karena dalam miktrotik sudah tersedia page login baw akan menggunakan page login bawaan . karena page login bawaan tidak cukup menarik , sekarang hanya menggunakan notepad , kita harus mengerti tentang Html silahkan Download ebook dasar h kita akan mengedit page login yang saya download agar lebih menarik .. berikut langkah-langkah nya .. 1. Siapkan bahan-bahan nya . silahkan download disini 2. Ekstrack file download seperti gambar berikut

0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. Berikut tampilan login hotspot 4. font-size: 10px. Klik kanan pada login hotspot lalu open with dengan notepad 6. font-size: 12px.dtd"> <html> <head> <title>Smk N 1 karimun hotspot</title> <meta http-equiv="Content-Type" content="text/html.org/TR/xhtml1/DTD/xhtml1-transitional. border: 1px solid #FFFFFF. color: #AAAAAA. } img {border: none. Dalam pengeditan kali ini saya akan mengedit hanya bagian login hotspot nya saja seperti g 5. } a:hover { border-bottom: 1px dotted #c1c1c1.} textarea. text-decoration: none. font-size: 10px.select { font-family:verdana.3. margin: 1px.} . a:active { color: #AAAAAA. a:link. a:visited.0 "http://www. charset=utf-8" /> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="expires" content="-1" /> <style type="text/css"> body {color: #737373. color: #808080. Berikut ini tampilan nya <?xml version="1.w3.input. font-family: verdana. } a.

sendin.value. return false.$(endif)</font></div> <br /> <table width="240" height="258" style="border: 0px solid #cccccc.sendin.jpg" style="background-repeat:no-repea $(if chap-id) <form name="sendin" action="$(link-login-only)" method="post"> <input type="hidden" name="username" /> <input type="hidden" name="password" /> <input type="hidden" name="dst" value="$(link-orig)" /> <input type="hidden" name="popup" value="true" /> </form> <script type="text/javascript" src="/md5. document. font-size: 9px"><font size="1" fac serif">Please log on to use the UFOAkses hotspot service<br /> $(if trial == 'yes')Free trial available. <a style="color: #FF8080"href="$(link-login-only)? esc)&amp.value = document.login challenge)'). document.sendin. } //--> </script> $(endif) <table width="63%" height="530" align="right" > <tr> <td height="421" align="center" valign="middle"> <div class="notice" style="color: #c1c1c1.submit().js"></script> <script type="text/javascript"> <!-function doLogin() { document.username.username=T-$(mac-esc)">click here</a>. } </style> </head> <body bgcolor="#000000" background="img/smk.login.password. sans-serif">INTERNET SERVICE</font></strong></td> </tr> <tr> <td align="center" valign="top" height="175" colspan="2"><br> .td { font-size: 14px. Helvetica. padding cellspacing="0"> <tr> <td align="center" valign="middle" height="22" colspan="2" style="font-family:verda face="Arial.username.value = hexMD5('$(chap-id)' + document. color: #7A7A7A.

kalian ubah dengan yang kalian mau … Untuk memperindah lagi sebaaiknya kita belajar html .blogspot.png" width="358" height="140" /><br> <form name="login" ac method="post" $(if chap-id) onSubmit="return doLogin()" $(end <input type="hidden" name="dst" value="$(link-orig)" /> <input type="hidden" name="popup" value="true" /> <table width="100" > <tr> <td align="right"><font size="2">username</font></td> <td><input style="width:100px" name="username" type="text" value="$(userna </tr> <tr> <td align="right"><font size="2">password</font></td> <td><input style="width:100px" name="password" type="password"/></td> </tr> <tr> <td>&nbsp.username.focus(). . Arial.<img src="img/logo2.</td> <td><input type="submit" value="OK" /></td> </tr> </table> </form></td> </tr> </table> <div style="color: #c1c1c1.login. //--> </script> </body> </html> NB : untuk tulisan berwarna merah . sans-s 2012 smk n 1 karimun<br><a href="http://www.blogi-one. font-size: 9px"><font face="Verdana. Helvetica.com">www.smkn1 <br> </font></div> $(if error)<br /><div style="color: #FF8080. font-size: 11px">$(error)</div>$(endif) </td> </tr> </table> <script type="text/javascript"> <!-document.

Sign up to vote on this title
UsefulNot useful