Mengubah Halaman Login Hotspot Mikrotik

Hai sobat Blues Pedia, pada tutorial kali ini kita akan belajar cara mengubah halaman login hotspot mikrotik, sebelum kita mulai tutorialnya admin mau certain dulu nih tentang inspirasi dari artikel ini. Artikel ini terinspirasi dari permintaan pengunjung Blues Pedia yaitu Wihel melalui pesan di Fanspage Blues Pedia, dia meminta untuk di buatkan video tutorial cara mengganti template login hotspot mikrotik dan cara membuat billingnya, namun karena keterbatasan waktu / kerja saya hanya bisa membuatkan artikelnya terlebih dulu, karena untuk membuat video tutorial itu cukup memakan waktu yang lama :D, tapi tetap akan admin buatkan videonya.

Persiapan

Sebelum melakukan tutorial ini tentunya kalian harus membuat konfigurasi hotspot mikrotik terlebih dahulu karena jika belum, tutorial ini tidak akan bisa di lakukan, silahkan konfigurasi terlebih dulu dan untuk tutorialnya bisa kalian lihat di sini : Cara Setting / Konfigurasi Dasar Hotspot Di Mikrotik

Selain itu, untuk mengganti halaman login hotspot, kita harus menyiapkan template penggantinya, template hotspot ini banyak sekali bertebaran di internet baik yang gratis maupun berbayar, dalam tutorial ini saya menggunakan template hotspot yang gratis :D, template ini saya dapatkan di salah satu member group FMI + Junkers Community yang di upload oleh Agus Iriawan, kurang lebih tampilan hotspotnya seperti ini :

Bagaimana bagus bukan ?, template ini saya pilih karena warnanya yang sesuai dengan warna logo Blues Pedia yang di dominasi dengan warna biru dan hitam. Menurut saya template ini tergolong template yang sederhana, hal itu karena :

➥ Desain Sederhana

Desain dari template ini masih mengadopsi desain bawaan mikrotik, hanya tampilanya saja yang berubah, seperti warna template, gambar, background, style huruf dan hal lainya.

➥ Memiliki 1 Halaman

Saya pernah melihat sebuah template hotspot yang memiliki banyak halaman seperti sebuah website, yang memiliki halaman billing, kontak, about me, atau Fanspage, Sosial Media dan halaman lainya dan ketika saya mencoba / mengulik template ini, ternyata hanya memiliki satu buah halaman saja, yaitu halaman login. 

Meskipun sederhana, template ini sangatlah bagus dan saya menyukainya, maka dari itu saya pilih dan saya jadikan sebagai bahan untuk tutorial ini, saya ucapkan terimakasih kepada pembuatnya, baiklah cukup basa-basinya berikut tutorialnya :

A. Pemabahasan

1. Upload Template Hotspot Ke Mikrotik

Langkah pertama adalah mengupload template yang sudah di siapkan ke mikrotik, caranya sangatlah mudah kita hanya perlu klik, drag dan drop saja, namun sebelum itu kita harus membuka halaman Files mikrotik via winbox, caranya di halaman utama mikrotik klik Menu Files.

Setelah halaman menu File sudah terbuka, langkah selanjutnya tinggal klik dan tahan template yang akan di gunakan, lalu drag / arahkan ke folder Flash dan drop / lepaskan, maka secara otomatis proses upload akan berjalan. Selama proses upload berjalan pastikan tidak ada hal yang aneh / error dan jika sudah selesai cek lokasi penempatan template, pastikan lokasi foldernya flash/nama_template. Sehingga hasilnya seperti ini :

2. Mengganti Halaman Login Hotspot

Setelah langkah upload berhasil di lakukan, langkah selanjutnya yaitu mengubah pengaturan HTML Directory, caranya klik menu IP > Hotspot > Tab Server Profiles. 

Jika kalian memiliki lebih dari satu buah hotspot, double klik hotspot yang akan di ganti templatenya (lihat kolom DNS Name), di sini saya akan mengganti hotspot.bluespedia.xyz.

Setelah itu akan muncul pengaturan dari hotspot yang akan di ubah, di halaman tersebut klik tab General, dan pada kolom HTML Directory isi / pilih dengan lokasi dan nama template yang akan di gunakan, jika kalian bingung karena ada banyak sekali lokasi yang sama, contohnya seperti :

- flash/woodtech-2012/img

- flash/woodtech-2012/js

- flash/woodtech-2012/css

- flash/woodtech-2012/php

- flash/woodtech-2012/xml

- flash/woodtech-2012/cw

- flash/woodtech-2012/cw/img

- flash/woodtech-2012/cw/css

dan lokasi-lokasi lainya, maka pilih saja lokasi yang hanya bertuliskan flash/woodtech-2012 saja atau TANPA ada kata-kata lagi.

3. Uncheck list Cookies (Opsional)

Langkah ketiga ini hanya sebagai saran saja, jika kalian tidak melakukannya tidak apa-apa, tujuan dari langkah ini adalah untuk tidak menggunakan cookie browser sebagai sarana untuk login ke hotspot. Pindah ke tab sebelahnya atau tab Login dan hilangkan tanda check list di opion cookie, jika langkah ke dua sudah di lakukan klik Apply dan OK.

4. Testing

Status Login

Status Logout

Jika tutorial ini di lakukan dengan benar, maka ketika kita menuliskan alamat hotspot yang di gunakan, maka secara otomatis tampilanya akan berubah, jika tidak berubah atau malah error, cobalah untuk mengecek lokasi dimana kalian menyimpan templatenya, pastikan di dalam folder flash dan memiliki file login.html dan cek kembali konfigurasi HTML Directorynya, apakah sudah diarahkan ke lokasi yang sudah di tentukan ?.

B. Video Tutorial

Klik link di bawah ini untuk melihat video tutorialnya :

➤ Lihat Video Tutorialnya Di Youtube (Mohon untuk bantu subcribe ya :D)

Saya rasa cukup sekian tutorial kali ini mengenai Cara Mengubah Halaman Login Hotspot Mikrotik, untuk videonya menyusul ya :D. Bagi kalian yang ingin di buatkan tutorial mikrotik juga, kalian bisa menghubungi saya, baik melalui email, WA, atau pun pesan facebook. Request tutorial dari kalian pasti akan saya buatkan selama tutorial tersebut bisa saya lakukan dan mohon sabar ya :D, karena waktu saya terbatas maklumlah seorang pekerja hehehe. Sekian tutorial kali ini, semoga bermanfaat, salam Admin Blues Pedia.