Setting desain voucher hotspot mikrotik

Cara mengganti desain voucher hotspot

tokopuas.com – secara default, tampilan voucher yang ada di usermanager terlihat kurang cantik dan menarik. tapi, anda juga bisa melakukan custom desain voucher hotspot dengan mudah, hanya perlu menggunakan kode html.

untuk membuat desain voucher ada beberapa kode yang harus di masukkan, kode ini berfungsi untuk menampilkan fungsi.

kode kode yang bisa di masukkan :

  • %u_username% = menampilkan username
  • %u_password% = menampilkan password
  • %u_totalPrice% = menampilkan harga total
  • %u_timeLeft% = masa berlaku voucher/ expired / kadaluarsa .
  • %u_limitDownload% = menampilkan kuota internet.
  • %u_limitUptime% = menampilkan waktu lamanya user bisa mengakses internet.
  • %u_moneyPaid% = menampilkan harga untuk voucher.

untuk menggunakan kode di atas, anda di haruskan menguasai pemrogaman html. tapi, anda tidak perlu khawatir, karena saya sudah buatkan kodenya, sehingga anda bisa melakukan copy paste saja dengan mudah…

setting template voucher hotspot

silahkan anda login ke usermanager, dan klik pada menu setting. untuk mengakses user manager, bisa menggunakan ip adress yang sebelumnya telah di setting. anda bisa membaca tutorial saya sebelumya.

jika anda belum setting user manager maka klik disini : cara install usermanager

cara buat voucher hotspot

lanjutkan dengan mengklik tab templates :

setting desain voucher

di bagian template, terdapat form name, header, row , footer, break dan extension. form ini harus di isi dengan kode html desain voucher. untuk memulai membuat template , silahkan klik tombol +

cara jualan hotspot

lanjutkan dengan memberi nama voucher yang anda inginkan, dan sebuah template baru akan di buat.

trik mudah belajar mikrotik

sekarang, anda hanya perlu memasukkan kode di bagian header, row, footer, dan break. namun, tenang saja, saya sudah membuatkan kodenya, jadi anda hany perlu copy paste..

kode voucher hotspot mikrotik.

untuk kode header, silahkan copy paste di bawah ini :

<!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;
}
}
body
{
padding: 0;
margin:0;
min-width: 700px;
color: #303F50;
font-size: 10px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 85%; 
}
.tokopuas table, table.tokopuas
{
border-collapse: collapse;
margin: 2px;
}
.tokopuas th, .tokopuas td
{
padding: 2px;
border: solid 1px #E2341D;
vertical-align: top;
text-align: center;
}
.vertical-text {
transform: rotate(90deg);
padding: 4px;
float: right;
font-size: 15px;
margin-top: 8px;
width: 10px;
color: #E2341D;
}
</style>
</head>
<body> 

untuk code row, bisa copy paste code di bawah ini :

<table class="tokopuas" style=" display: inline-block; background-color:#E2341D; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 200px; height:120px;">
<tbody>
<tr>
<td style="width: 190px; text-align: center;"><span style="font-weight: bold; color: rgb(255, 255, 255); font-size: 11px; font-family: Tahoma;"> HOTSPOT TOKOPUAS</span><br>
<table class="tokopuas" style="background-color:#FFFFFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-right: auto; margin-left: auto;">
<tbody>
<tr>
<td style="width: 50%; text-align: center;">Package</td>
<td style="width: 50%; text-align: center;">%u_actualProfileName%</td>
</tr>
<tr>
<td style="width: 50%; text-align: center;">Data limit</td>
<td style="width: 50%; text-align: center;">%u_limitDownload%</td>
</tr>
<tr>
<td style="width: 50%; text-align: center;">Time Limit</td>
<td style="width: 50%; text-align: center;">%u_limitUptime%</td>
</tr>
<tr>
<td style="width: 50%; text-align: center;">Validity</td>
<td style="width: 50%; text-align: center;">%u_timeLeft%</td>
</tr>
</tbody>
</table>
<table class="tokopuas" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-right: auto; margin-left: auto;">
<tbody>
<tr>
<td style="width: 50%; text-align: center;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">Username</span></td>
<td style="width: 50%; text-align: center;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">Password</span></td>
</tr>
 <tr>
<td style="background-color:#FFFFFF; width: 50%; text-align: center;"><span style="color: rgb(163, 180, 200); font-family: Tahoma;">%u_username%</span></td>
<td style="background-color:#FFFFFF; width: 50%; text-align: center;"><span style="color: rgb(163, 180, 200); font-family: Tahoma;">%u_password%</span></td>
</tr>
</tbody>
</table>
<table class="tokopuas" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-right: auto; margin-left: auto;">
<tbody>
<tr>
<td style="width: 40%; text-align: left;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">1Mbps Speed</span></td>
<td style="width: 60%; text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">tokopuas.com</span></td>
</tr>
</tbody>
</table>
</td>
<td style="background-color:#FFFFFF; width: 10px; text-align: center;"><div align="center" class="vertical-text" >Rp %u_moneyPaid%</div></td>
</tr>
</tbody>
</table>

untuk kode footer, masukkan kode di bawah ini :

</body></html>

dan kode page break, bisa memakai kode :

<p class="noprint" style="font-size: 10px">   ................ page break ................ </p> <p class="pagebreak"> </p>

jika anda kebingungan, kode bisa di download dengan mengklik link disini.

kode membuat voucher

menggenerate kode voucher

untuk mencoba desain voucher yang baru di buat tadi, silahkan klik menu user, dan pilih beberapa user yang ingin di jadikan voucher hotspot.

generate kode voucher hotspot

selanjutnya, klik generate, dan pilih nama template voucher yang telah di buat tadi.

trik memakai voucher

lanjutkan dengan mengklik generate.

setting hotspot voucher

dan akan muncul tampilan voucher yang sudah siap di cetak dengan printer.

cara mencetak desain vocher

untuk mencetak, silahkan anda tekan di keyboard ” CTRL + P ” , dan voucher siap di cetak.

cara mudah ganti desain

hasil voucher yang telah saya cetak, dan tinggal di potong saja.

Cara desain voucher hotspot

dengan adanya tutorial ini, sekarang anda sudah bisa berjualan voucher internet hotspot.. jangan lupa like dan share yaa…

cara mudah setting wifi mikrotik

tutorial mudah setting router mikrotik

tokopuas.com – router mikrotik merupakan router yang canggih untuk management user dan jaringan, banyak fitur yang tidak di miliki router lain, namun, bagi yang belum terbiasa atau pemula yang baru memakai router mikrotik, pastinya akan merasa kebingungan dan kesulitan.

di tulisan sebelumnya, saya telah banyak menuliskan cara setting router mikrotik dengan cara manual,

namun router mikrotik telah menyediakan fitur otomatis atau default konfigurasi, agar user tidak perlu repot.

jadi, bagi pengguna baru router mikrotik bisa langsung memakai router tanpa harus di repotkan dengan konfigurasi yang rumit.

baca : pengalaman membuka rekening BTPN jenius.

reset configurasi mikrotik

untuk memulai tutorial ini, pastikan ether ( LAN 1 ) sudah tersambung ke antena wifi atau modem yang menajadi sumber internet.

anda bisa melihatnya seperti gambar di bawah ini :

selanjutnya, sambungkan komputer ke port LAN yang lain, di tulisan ini saya memilih LAN 3. selanjutnya, silahkan login ke mikroitk, buka aplikasi winbox. dan klik pada menu new terminal.

didalam terminal baru, silahkan anda ketikkan command seperti di bawah ini

/system reset-configuration

setelah command di masukkan, lanjutkan dengan mengklik tombol enter, dan nantinya akan muncul tampilan seperti gambar di bawah ini :

tekan di keyboard “ Y “, dan secara otomatis mikrotik akan langsung tereset.

tunggu hingga 1 menit atau sampai lampu kelap – kelip di mikrotik berjalan normal. dan lanjutkan logi login ke mikrotik menggunakan winbox.

setting passsword wifi

default login adalah user ” admin ” , dan password di kosongkan saja. dan klik login. dan nantinya anda akan bertemu tampilan seperti gambar di bawah ini :

karen di postingan hari ini, kita memakai default configuration, maka lanjutkan dengan mengklik “ OK ‘.dan sekarang, router sudah siap di gunakan.

mulai dari firewall, ip, dns, dhcp, semuanya sudah di setting secara otomatis. jika ingin akses internet, cukup colokkan kabel lan, atau connect via wifi.

baca : cara membuat akun hostpot multy user.

nah, untuk melakukan setting password wifi, nama wifi, dan password winbox, silahkan klik pada menu ‘ quick set ‘.

can tampilan di bawah ini adalah tampilan yang bisa anda gunakan untuk melakukan setting, seperti nama wifi, password wifi,

  • network name : bagian ini bisa anda ganti dengan nama yang anda inginkan. ini adalah nama wifi.
  • country : anda bisa pilih indonesia.
  • jika anda ingin menambah password pada wifi yang di pancarkan router mikrotik, silahkan berikan centang pada WPA2 , dan isikan password yang anda inginkan.
  • jika nantinya ingin menambah konfigurasi hotspot pada wifi yang di pancarkan, maka anda tidak perlu lagi memberi password pada wifi, hilangkan centang pada WPA2.

baca : cara menambah user winbox mikrotik.

selanjutnya adalah memilih mode. jika ether 1 ( LAN 1 ) terhubung dengan router yang siap pakai, modem, maka anda cukup pilih automatic.

namun jika harus ada pengaturan seperti ip static, bisa memilih static, silahkan tanyakan pada provider..

biasanya seperti speedy langsung memberikan modem yang siap pakai, jadi user yang ingin terkoneksi hanya perlu menyambungkan kabel LAN.

agar mikrotik tetap aman, kita harus memberikan password di mikrotik,

untuk memberikan password , cukup mengisi form di atas, yang di tunjukan anak panah.

sekarang, router sudah siap di gunakan, tanpa harus di repotkan dengan pengaturan dan konfigurasi yang rumit.

nah, bagi anda yang ingin menambah konfigurasi hotspot, bisa membaca tutorial saya selanjutnya…

cara membatasi kecepatan internet hotspot

cara membatasi kecepatan akses hotspot wifi

tokopuas.com – router mikrotik merupakan router wifi yang praktis, serbaguna dan banyak fitur yang bisa di manfaatkan, seperti memanagement user akun, hotspot, speed, limit dll. nah tutorial ini adalah tutorial yang saya buat untuk melengkapi tutorial saya sebelumnya, yaitu cara membuat hotspot lebih dari satu dengan 1 alat mikrotik, anda bisa membacanya : cara setting hotspot ganda mikrotik.

selain membatasi kecepatan server hotspot, anda juga bisa membatasi kecepatan akses internet untuk setiap user yang terdaftar, anda bisa membacanya disini : cara membatasi kecepatan user internet hotspot.

tidak hanya kecepatan, kuota dan masa aktif setiap penggunayang mengakses internet juga bisa di batasi, anda dapat melakukanya dengan membacanya disini : cara membatasi kuota dan masa aktif user wifi internet.

misalnya begini, dalam sebuah gedung, kita mempunyai hotspot 1 lantai 1, hotspot 2 di lantai 2, dst. masing – masing hotspot ini bisa di setting kecepatanya, untuk melakukanya, silahkan login ke mikrotik menggunakan winbox.

dan lanjutkan dengan memilih tab server profile. dan ada tampilan seperti gambar di bawah ini :

anda bisa mengedit server profile yang sudah ada atau membuat profile baru, nah, sebagai contoh saya akan membuat profile yang berguna untuk membatasi speed download dan upload adalaah maks 10 mbps.. maka pengaturanya bisa di lihat seperti gambar di bawah ini :

rx = receiving ( download ) , dan tx = transmite ( upload ), dengan target 10mbps download dan 10 mbps upload, maka saya memasukkan ‘ Rate Limit ( rx/tx ) : 10m/10m ‘. setelah pengaturan telah di setting, klik apply dan OK.

tampilan di atas, menunjukkan proses pembuatan profile hotspot dengan speed 10 mbps telah sukses, sekarang, kita akan mencoba menggunaakn server profile yang telah di buat untuk di gunakan di hostpot yang telah di buat.

silahkan klik tab server, dan pilih server hotspot yang ingin di atus limit speed,nya..

selanjutnya, double klik pada hotspot yang di pilih, dan lanjutkan dengan memasukkan profile yang tadi telah di buat,

untuk menyimpan pengatuan ini, silahkan klik ‘ apply ‘, dan lanjutkan dengan ‘ OK ‘.

semoga tutorial ini berguna dan bermanfaat..