Pada posting kali ini akan saya share template voucher mikrotik, untuk memperindah Hotspot Warnet atau cafe anda.Langsung aja disimak cara nya disini :STEP BY STEP>> Login ke usermanager mikrotik anda, bila sudah login masuk ke kategori Setting dan pilih TAB TEMPLATE.
 |
GAMBAR 1
|
 |
| GAMBAR 2 |
Setelah masuk di tab Template, sebaiknya kita buat profil baru untuk HTML yang nanti akan kita tambahkan sehingga template default mikrotik masih tetap bisa dipakai juga.Caranya ketik tombol + pada kolom NAME setelah muncul popup windows masukan nama yang akan dibuat lalu klik Create. LIHAT GAMBAR
 |
| GAMBAR 3 |
Oke jika sudah, kita buka profil yang telah dibuat dengan meng-klik tombol panah lalu pilih nama yang tadi sudah dibuat. Lalu pastekan HTML dibawah ini.
1. Paste kan di kolom Header
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Vouchers</title> <style> @media print { .noprint { display: none; } .pagebreak { page-break-after: always; } } </style> </head> <body>
2. Paste di kolom ROW
<table align="left" width="10%" style="margin-top: 1%;"><tr class="space1"><td colspan="3"></td></tr> <tr> <td align="left" valign="middle"> <table width="180" height="205" style="border: 2px solid #000000; padding: 0px;" cellpadding="0" cellspacing="0" bgcolor="#666666"> <tr><td height="56" align="center" valign="baseline"><font style="color:#FFF" size="+2">Novotel Bogor</font><font style="color:#FFF" size="-1"><p><i>Hotspot Voucher</i></p></font></td></tr> <tr> <td align="center" valign="bottom" height="60" colspan="2"> <table width="100" style="background-color: #330" bordercolor="#000000"> <tr><td align="right"><font style="color:#FFF"><b>Login</b></font></td> <td><input style="width: 80px" name="username" type="text" value="%u_username%"/></td> </tr> <tr><td align="right"><font style="color:#FFF"><b>Password</b></font></td> <td><input style="width: 80px" name="password" type="text" value="%u_password%"></td> </tr> </table> </td> </tr> <tr> <td height="52" align="center" valign="middle"><img src="http://i42.tinypic.com/5pflhi.png"/></td></tr> <tr> <td height="28" align="center" valign="middle"><font style="color:#FFF" size="-4">Copyright 2013 Prime-technology</font></td> </tr> </table> </td> </tr> </table>
3. Paste di kolom FOOTER
</body></html>
4. Paste dikolom BREAK
<p class="noprint" style="font-size: 10px"> ................ page break ................ </p> <p class="pagebreak"> </p>
LIHAT GAMBAR..
 |
| GAMBAR 4 |
Setelah semua kode di paste ke kolom masing - masing klik SAVE sebelum keluar. Sampai disini template kita sudah jadi dan siap di generate.Untuk megenerate voucher pilih kategori USER dan pilih voucher yang mau di print lalu klik generate dan pilih nama profil yang kita buat. LIHAT GAMBAR
 |
| GAMBAR 5 |
Jangan lupa di edit dan disesuaikan kode HTML nya sesuai dengan kebutuhan anda, template bisa di edit menggunakan editor kesayangan anda seperti notepad++ atau adobe dreamweaver.
Tampilan template
 |
| GAMBAR 6 |
Selesai sudah project voucher mikrotiknya, silahkan di copy paste dari blog saya ataupun tinggal ketik ctrl+D.
Terima kasih sudah menyimak...
0 Response to "Voucher Hotspot by Novotel"
Posting Komentar