Langsung ke konten utama

Cara Mengganti Template Voucher Hotspot Mikrotik

Template Voucher Hotspot Mikrotik dapat kita rubah dengan berbagai macam tampilan yang lebih menarik daripada tampilan Voucher Hotspot Mikrotik default nya. Pada Tutorial Mikrotik Indonesia kali ini Anda bisa Download Template Voucher Hotspot Mikrotik secara Gratis dan menggantinya di User Manager Mikrotik Anda.

Sebelum memulai Tutorial Mikrotik ini, pastikan Anda sudah mengintegrasikan Mikrotik Hotspot Server nya dengan User Manager Mikrotik. Jika belum Silakan baca artikel berikut :

Pada Artikel tersebut sudah dijelaskan secara lengkap cara membuat Hotspot hingga cara mengganti template voucher hotspot nya, namun belum ada penjelasan untuk menambahkan template baru dan print template secara masal dan otomatis.


1. Login ke User Manager Mikrotik --> Masuk ke menu Settings --> Templates

Download Template Voucher Hotspot Mikrotik

2. Klik tombol + pada bagian kanan -->Beri nama template voucher yang akan Anda buat.

3. Masukkan script template voucher hotspot mikrotik pada kolom yang disediakan.

4. Anda bisa Download Template Voucher Hotspot Mikrotik berikut ini :

Download Voucher Hotspot : code HTML untuk Header 
<!-- Ini Awal 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;
  }
}
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%;   
}
.mikrotikindo table, table.mikrotikindo
{
   border-collapse: collapse;
   margin: 2px;
}
.mikrotikindo th, .mikrotikindo td
{
   padding: 2px;
   border: solid 1px #2B78C5;
   vertical-align: top;
   text-align: center;
}
.vertical-text {
transform: rotate(90deg);
padding: 4px;
float: right;
font-size: 15px;
margin-top: 8px;
width: 10px;
color: #2B78C5;
}
  
</style>

</head>
<body>
<!-- Ini Akhir HEADER -->
Download Voucher Hotspot : code HTML untuk Row 
 
<!-- Ini Awal ROW -->
<table class="mikrotikindo" style=" display: inline-block; background-color:#2B78C5; 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;">MikrotikIndo</span><br> <table class="mikrotikindo" style="background-color:#FFF8DC; 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;">Paket</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="mikrotikindo" 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="mikrotikindo" 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;">100 Mbps</span></td> <td style="width: 60%; text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">mikrotix.blogspot.co.id</span></td> </tr> </tbody> </table> </td> <td style="background-color:#FFFFFF; width: 10px; text-align: center;"><div align="center" class="vertical-text" >Rp&nbsp;%u_moneyPaid%</div></td> </tr> </tbody> </table>
<!-- Ini Akhir ROW -->

Download Voucher Hotspot : code HTML untuk Footer
 
<!-- Ini Awal FOOTER -->
</body></html>
<!-- Ini Akhir FOOTER -->

Download Voucher Hotspot : code HTML untuk Break
 
<!-- Ini Awal BREAK -->
<p class="noprint" style="font-size: 10px">   ................ page break ................ </p> <p class="pagebreak">&nbsp;</p>
<!-- Ini Akhir BREAK -->

5. Silakan Anda Edit script voucher hotspot tersebut sesuai dengan keinginan Anda. Bisa gunakan Notepad++, Dreamweaver, atau HTML Editor lainnya.

6. Jika sudah di edit, silakan copy script nya sesuai bagian nya di menu Settings --> Templates

Download Voucher Hotspot Mikrotik

7. Jika sudah sesuai klik Save.

8. Selanjutnya kita coba generate voucher hotspot mikrotik nya. Masuk ke menu Users --> Generate --> Pilih nama template voucher yang sudah Anda buat. 

Voucher Hotspot Mikrotik Keren

9. Akan muncul tampilan seperti gambar berikut : 

Hotspot Mikrotik menggunakan Voucher

10. Klik Generate --> klik tulisan "Click here if the popup didn't show up"

Cara Membuat Voucher Hotspot Mikrotik

11. Akan muncul Jendela Popup yang isinya Voucher Hotspot Mikrotik yang Anda generate

Voucher Hotspot Mikrotik Keren

12. Nah, untuk mencetak nya silakan klik tombol CTRL + P pada keyboard

13. Layout voucher akan menyesuaikan margin kertas yang digunakan. Tinggal pilih printer dan print.

Print otomatis Voucher Hotspot Mikrotik

Sekarang Anda sudah bisa print voucher hotspot mikortik secara masal dan otomatis tanpa perlu seting margin kertas.

Silakan dicoba dan Semoga beranfaat :)
Label:

Postingan populer dari blog ini

Cara Install Mikrotik di Virtual Private Server (VPS)

Virtual Private Server (VPS) adalah suatu Server yang dibagi menjadi beberapa Virtual Machines (VM) dimana setiap VM merupakan Virtual Server yang dapat di install sistem operasi tersendiri.  Misalnya seperti PC/Laptop kita yang diinstal VMWare atau VirtualBox untuk menjalankan OS tertentu. Disini tentunya kita bisa membuat beberapa VM untuk menjalankan OS yang kita inginkan. Nah, VPS yang dimaksud adalah VPS cloud yang sudah terhubung ke jaringan internet. Untuk menggunakannya kita bisa menyewa VPS yang disediakan oleh berbagai vendor hosting server. Disini saya menggunakan VPS dari Digital Ocean dengan menyewa Virtual Server di Singapore. Untuk apa install Mikrotik di VPS? Ada beberapa kegunaan mikrotik yang bisa kita manfaatkan karena Mikrotik nya akan mempunyai IP Publik, misalnya digunakan sebagai VPN Server , Proxy Server , atau hanya sekedar untuk ngelab saja. Jadi ini merupakan salah satu cara mendapatkan IP Publik pada Mikrotik :D. Oke, langsung saja kita simak Tutorial M...
Baca selengkapnya

Apa itu RoMON? Pengertian RoMON Mikrotik

RoMON adalah kepanjangan dari Router Management Overlay Network yang merupakan fitur baru Mikrotik pada RouterOS mulai versi 6.28. Fitur RoMON ini mungkin masih asing bagi Anda, karena memang baru tersedia di RouterOS dan WinBox versi baru. Nah, untuk mengetahui lebih lanjut apa itu RoMON Mikrotik, mari kita bahas pada artikel ini. Pengertian RoMON Apa itu RoMON? RoMON (Router Management Overlay Network) adalah sebuah protocol proprietary Mikrotik (protocol yang hanya didukung pada perangkat Mikrotik), dimana dapat membuat koneksi layer2 yang aman (secure) ke perangkat MikroTik baik melalui koneksi “Physical” (ethernet) maupun Layer2 Tunnel. Selain itu, RoMON juga mempunyai fitur sebagai berikut : Discovery dan management perangkat-perangkat MikroTik melalui Ping, SSH, Winbox (versi 3.0.rc.9 ke atas). Mampu melakukan discovery (pencarian) perangkat MikroTik yang mengaktifkan RoMON yang telah melewati multiple hops.  Jadi dengan RoMON ini kita dapat mendeteksi perangkat Mikroti...
Baca selengkapnya

Tutorial Setting L2TP/IPsec VPN Client di Windows

L2TP/IPsec VPN mempunyai tingkat keamanan (security) yang tinggi dengan adanya enkripsi dari IPsec. Dengan tinggi nya tingkat keamanan di L2TP/IPsec bukan berarti konfigurasi nya susah dan ribet. Setting L2TP/IPsec client di Windows cukup mudah, hampir mirip dengan PPTP VPN Client di Windows . Tidak seperti setting SSTP VPN client di Windows yang lumayan ribet karena harus generate SSL Certificate dulu, untuk L2TP/IPsec ini tidak perlu pakai certificate, cukup dengan menggunakan Pre Shared Key (PSK). Sebelum kita lanjut membahas Tutorial Setting L2TP/IPsec VPN Client di Windows 10, pastikan Anda sudah membaca Tutorial Mikrotik sebelumnya tentang Tutorial Setting L2TP/IPsec VPN Server di Mikrotik . Disini saya akan contohkan konfigurasi L2TP/IPsec client di Windows 10. Untuk versi windows lain silakan menyesuaikan. Tutorial Cara Setting L2TP/IPsec VPN Client di Windows 10 1. Pastikan L2TP/IPsec VPN Server nya sudah di setting dan siap digunakan 2. Pada Windows, Klik Start --> ketikk...
Baca selengkapnya