Cara Membuat Page Login Hotspot

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
3. Berikut tampilan login hotspot
4. Dalam pengeditan kali ini saya akan mengedit hanya bagian login hotspot nya saja seperti g 5. Klik kanan pada login hotspot lalu open with dengan notepad 6. Berikut ini tampilan nya
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Smk N 1 karimun hotspot</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="expires" content="-1" /> <style type="text/css"> body {color: #737373; font-size: 10px; font-family: verdana;} textarea,input,select { font-family:verdana; border: 1px solid #FFFFFF; margin: 1px; font-size: 12px; color: #808080; } a, a:link, a:visited, a:active { color: #AAAAAA; text-decoration: none; font-size: 10px; } a:hover { border-bottom: 1px dotted #c1c1c1; color: #AAAAAA; } img {border: none;}
td { font-size: 14px; color: #7A7A7A; } </style> </head> <body bgcolor="#000000" background="img/smk.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.js"></script> <script type="text/javascript"> <!-function doLogin() { document.sendin.username.value = document.login.username.value; document.sendin.password.value = hexMD5('$(chap-id)' + document.login challenge)'); document.sendin.submit(); return false; } //--> </script> $(endif) <table width="63%" height="530" align="right" > <tr> <td height="421" align="center" valign="middle"> <div class="notice" style="color: #c1c1c1; 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)&username=T-$(mac-esc)">click here</a>.$(endif)</font></div> <br /> <table width="240" height="258" style="border: 0px solid #cccccc; padding cellspacing="0"> <tr> <td align="center" valign="middle" height="22" colspan="2" style="font-family:verda face="Arial, Helvetica, sans-serif">INTERNET SERVICE</font></strong></td> </tr> <tr> <td align="center" valign="top" height="175" colspan="2"><br>
<img src="img/logo2.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> </td> <td><input type="submit" value="OK" /></td> </tr> </table> </form></td> </tr> </table>
<div style="color: #c1c1c1; font-size: 9px"><font face="Verdana, Arial, Helvetica, sans-s 2012 smk n 1 karimun<br><a href="http://www.blogi-one.blogspot.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.login.username.focus(); //--> </script> </body> </html>
NB : untuk tulisan berwarna merah , kalian ubah dengan yang kalian mau Untuk memperindah lagi sebaaiknya kita belajar html ,

Cara Membuat Page Login Hotspot

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Cara Membuat Page Login Hotspot

Diunggah oleh

Hak Cipta:

Format Tersedia

Cara Membuat Page login Hotspot MIkrotik

3. Berikut tampilan login hotspot

Anda mungkin juga menyukai