Template Hotspot Keren dan Responsive Terbaru 2019 :
Login Page Hotspot Mikrotik Keren-Responsive-Gratis Terbaru 2019
[Update] Download Login Page Hotspot Mikrotik Responsive [GRATIS] – Pada artikel kali ini saya akan membagikan sebuah Template Login Page Hotspot MikroTik secara free atau gratis. Template login page hotspot mikrotik yang saya bagikan disini sudah responsive, yang artinya design sudah mendukung untuk tampilan mobile atau smartphone.Template login page ini bebas digunakan, diedit atau dimodifikasi oleh siapa saja.
![Download Login Page Hotspot Mikrotik Responsive [GRATIS]](https://i1.wp.com/topsetting.com/wp-content/uploads/2018/02/GRATIS-Responsive-Login-Page-Hotspot-MikroTik-Gambar-Artikel.png?resize=250%2C250&ssl=1)
Template hotspot ini sudah mendukung redirect otomatis user-user hotspot yang sudah expire ke halaman informasi pemberitahuan masa aktif paket, dan file expire.html juga sudah disertakan pada paket template hotspot ini.
[Update] Download Login Page Hotspot Mikrotik Responsive [GRATIS] – Template login page hotspot mikrotik ini mempunyai design yang sederhana, responsive, load page yang ringan serta tampilan yang cukup menarik. Pada template ini tersedia dua pilihan mode login, yaitu Login Member (Username + Password) dan Login Voucher (Kode Voucher), dan juga sudah disertakan informasi tentang harga paket beserta fiturnya.
Agar bisa diterapkan pada jaringan hotspot anda dengan informasi yang sesuai, tentunya ada harus melakukan sedikit modifikasi pada beberapa file html yang ada pada template ini. Bagi yang masih awam tidak usah khawatir karena saya akan menjelaskan sedikit bagian-bagian yang perlu anda sesuaikan dengan informasi jaringan hotspot anda, terlebih dahulu anda harus menyiapkan NOTEPAD++ yang bisa anda DOWNLOAD DISINI
File Login.html
Pada baris 70, anda temukan baris script seperti : window.location.href ="http://oasis-hotspot.net/expire.html";, kemudian anda ubah link oasis-hotspot.net menjadi link hotspot anda. Baris script tersebut bertujuan untuk mengarahkan user-user hotspot yang sudah expire ke halaman informasi ketika mereka mencoba untuk login ke hotpsot.
Baca Juga :
Kemudian pada file login.html yang ada pada baris 149 s/d 154, sesuai dengan informasi hotspot
anda.
Dan sesuaikan juga harga dan informasi paket hotspot, informasi kontak, deskripsi dan informasi lainnya yang ada pada elemen modal pada file login.html, ada pada baris 214 s/d 368. Pada template ini saya hanya menampilkan tiga jenis paket secara garis besar yaitu, Harian, Mingguan dan Bulanan.
File Status.html
Sesuaikan harga dan informasi paket hotspot, informasi kontak, deskripsi dan informasi lainnya yang ada pada elemen modal pada file status.html, ada pada baris 138 s/d 296.
File Logout.html
Sesuaikan informasi hotspot dan kontak pada file logout.html, ada pada baris 98 s/d 103.
Dan sesuaikan juga harga dan informasi paket hotspot, informasi kontak, deskripsi dan informasi lainnya yang ada pada elemen modal pada file logout.html, ada pada baris 138 s/d 292.
File Expire.html
Sesuaikan harga dan informasi paket hotspot, informasi kontak, deskripsi dan informasi lainnya yang ada pada elemen modal pada file expire.html, ada pada baris 112 s/d 266.
Link Download via MediaFire [Link Alternatif]
Video Demo Login Page
Silahkan download dan gunakan secara free alias gratis 100%, selamat mencoba, semoga bermanfaat dan semoga dengan menggunakan template yang lebih responsive dan enak dipandang serta didukung dengan navigasi yang jelas akan memajukan usaha hotspot anda.
gan, yang status exp kalau yang modenya binding gimana ya ? biar saat mereka belum bayar status exp nya mucul di client ybs..
tidak bisa gan klo mode binding
gan buat nambah login Trial bagai mana, lebih enek di atasnya login member sama pocer
coba agan contek dari template pada link dibawah ini, pada file login.html nya
https://topsetting.com/login-page-hotspot-mikrotik-keren-responsive-gratis-terbaru/
Mas..makasih template, mantaps banget.
Kalo pertamakali muncul login page nya, fokus nya ingin langsung ke kolom “masukkan kode voucher”, gmana caranya ya mas?
makasih sebelumnya
sama-sama mas 🙂
coba mas contek aja scriptnya di template yang ini : https://topsetting.com/template-hotspot-keren-responsive-dan-gratis/
atau yang ini : https://topsetting.com/login-page-hotspot-mikrotik-responsive-terbaru/
Makasih Info nya mas
atau bisa juga mas ganti elemen “form” pada file login.html dengan script dibawah ini :
Makasih mas…it’s work
alhamdulillah akhirnya dapat juga, Izin download ya mas, makasih mas ilmunya semoga menjadi amal ibadah
amin, sama-sama mas, semoga bermanfaat dan berkah 🙂
Ijin download gan. terimakasih sudah mau berbagi. semoga menjadi ladang amal buat agan
amin, silahkan gan, semoga bisa memberi bermanfaat
kereeen login page hotspotnya.. terimaksih sudah berbagi.. sudah saya coba dan edit …bebrapa menu dan tampilannya..thank.
sama-sama mas, semoga bermanfaat 🙂
sangat bermanfaat … 🙂 untuk nambah ilmu desain templatenya.. makasi banyak..sudah menginspirasi..
sama-sama om, semoga bisa bermanfaat 🙂
keren abis template nya om…
mau tanya sekalian, kan disitu ada aktivasi member sama voucher. kalo voucher nya diilangin ga ngaruh kan om ?? Maaciww
ngk ngaruh kok om, ilangin aja jika memang tidak dibutuhkan 🙂
Keren habis, salute….
Izin belajar bang, hormat saya
siap, silahkan om…semoga bermanfaat 🙂
Hola muy buena la plantilla pero con la parte de voucher no funciona qué configuración hace falta o cómo arreglar ese problema
use english please 🙂
Hi, the template is very good, but with the voucher part it does not work what configuration is needed or how to fix that problem
voucher method : username and password is same 🙂
saya pake phpmix 5.2 dan sudah digenerate voucher. tapi waktu saya klik aktivasi kok ndak berhasil login ya mas dika?
mohon solusinya
voucher phpmixbill 5.2 (original) memang ngk bisa dipke login langsung, metodenya beda karena saat voucher digenerate tidak langsung diinput ke mikrotik.
cba download phpmixbill voucher generator melalui situs saya
oh iya sip mas sudah fix.
terus pertanyaan berikutnya:
1. yang souce voucher generator nya halaman dashboard nya kenapa kok diarahkan ke halaman voucher?
2. saya coba pake fitur ppoe, ketika sudah expired kok masih bisa internetan di client nya mas?
1. memang sengaja saya buat begitu
2. fokusnya ke hotspot, tidak ke pppoe
kalau yang ppoe biar auto disconect ketika expired gimana mas?
coba pelajari script on-login dari profile hotspot yang dibuat melalui phpmixbill voucher generator
pingin belajar tentang login page saya saanat tertarik saya download ya om
silahkan gan 🙂
Bung Admin.. Maaf mau tanya.. ini bisa dipake gak ya pada PHPMixbill yg yg Ibnux???, apakah integrasi aktivasi vouchernya sudah nglink ke PHPmixbill tsb?
maap agak telat approve, terkendala dikesibukan 🙂
bisa jika kode voucher yang di phpmixbill om ibnux sudah diaktivasi dulu, dengan arti kata username dan password untuk user hotspotnya sudah masuk ke list user dimikrotik
Om mohon bantuannya
Saya udah pake dan trus saya tes login page-nya, dengan Users memakai batas waktu dan juga Users pake batas kuota, tapi page expired tidak tampil setelah waktu/kuota user habis.
Haruskah mengarahkan user yang habis waktu/kuota hotspot ke halaman expired.html….!!!??
Om mohon bantuannya
informasi pada status : Sisa Quota tidak ada/tidak tampil (yang ada ID Hotspot IP Address, Sisa Waktu dan Terhubung), dimana user di setting ada batas waktu dan batas download, kalau di set hanya batas download “Sisa Quota” tampil tapi.
ini potongan isi dari file status.html yang menampilkan informasi user :
disitu kan ada logika IF dan ELSE, coba om belajar mengembangkan, kebetulan kode diatas logika IF dan ELSE nya hanya satu kali perbandingan, coba om tambahkan satu lagi untuk menampilkan jika tipe limit dipake kedua-duanya (uptime dan byte)
Itu dia Om, maunya saya tampil dua dua-nya gitu, but apa dayanya dasar saya untuk edit-nya saya tidak bisa. But trima kasih sebelumnya Om buat informasinya.
mas bisa di bantu utk edit supaya tampilan pertama itu voucher bukan untuk member area. tp kode voucher langsung.. trimakasih
cba mas edit file login.html , cari elemen ini :
mas balik aja posisinya sehingga menjadi seperti ini :
Mas, bagian $(identity) kok sayanya selalu keluar mikrotik tampilannya, bukan identitas saya… aku coba edit enggak bisa
$(identity) ini ambilnya ke identity mikrotik, mas ubah aja identity mikrotiknya, nanti yang login page juga akan ngikut mas.
ngeditnya di sebelah mana bang?
diartikelnya saya sudah sertakan petunjuk-petunjuknya
makasi templatenya mas mantappp
sama2 mas, semoga bermanfaat 🙂
Terima Kasih banyak templatenya mas, sudah sy pake.
tp ada pertanyaan sedikit mas..
Di page status, informasi sisa quota selalu unlimited ya? ada saran untuk merubah settingan mas..?
ah masa mas 😀
saya sudah test pake user yang dibuat dimikrotik (limit-bytes-total) ataupun yang dbuat di usermanager (transfer), jalan kok mas.
bukan hanya test 1x, tapi sudah berulang kali sebelum templatenya saya publish.
variabel yang saya gunakan untuk menampilkan sisa kouta di template yaitu : limit-bytes-total
jika ada WA, bisa saya kirimkan screenshoot atau demo videonya
Om Admin Mohon bantuannya
punya saya udah di edit juga udah selesai, tapi dijalankan masalahnya sama juga sisa quota yang ditampilakn unlimited.
Trima Kasih.
mas ini kok kalo sudah login informasi nya gak sama sebelum login ya?padahal sebelum login sudah sesuai keinginan, tapi setelah login semua informasi seperti awal sebelum di edit.masalah dmn ya?mksh
coba mas ikuti panduan yang ada pada artikel, yang diedit bukan cuma 1 file login.html saja, tapi ada beberapa file (status.html, logout.html, expire.html) lagi sesuai petunjuk yang ada pada artikel.
mas ini harus setting PHPMIXbil juga ga? kalo iya bikin tutorialnya dong
nggak harus kok mas, mau pake usermanager atau aplikasi manajemen hotspot mikrotik lainnya tidak masalah ke login pagenya.
btw, untuk setting phpmixbill sudah lama saya publish kok, dicari aja di box pencarian atau cari berdasarkan kategori
salam gan loginpage ada member dan voucher. nah sy gunakan yg member sdh dapat login. namun yg kode voucher sy coba masukkan ga bs… bgmn cara buat yg kode vouchernya … terimakasih
yak salam juga gan
untuk metode voucher itu username dan password sama
ok gan untuk menu expired ada ( Sisa Waktu $(session-time-left)
Terhubung $(uptime) ) semisal mau di tambah sisa tenggang waktu. contoh 10 jam dengan tenggang waktu 3 hari bagaimana gan… terimkasih
$(session-time-left) atau $(uptime), ini memang sudah ada variablenya di mikrotik, klo untuk masa tenggang tidak ada variablenya.
izin download ya gan
silahkan gan 🙂 , semoga bermanfaat.
pak gimana merubah $(identity) jadi nama loket kita … saya sudah coba templatenya .. cuman masalahnya di itu aja .. Trima Kasih
identity di mikrotiknya mas
mantabh…. terima kasih banyak, semoga barokah…
oiya, kalo tambah fitur trial gimana ya?
maaf merepotkan ?
cba periksa login page hotspot bawaan mikrotik, file login html. disana ada kode untuk login trial, ambil kode nya trus tarok di login.html template yang mau digunakan.
sesuaikan posisinya dimana narok link login trialnya, untuk design link dan posisi terlebih dahulu harus mengerti sedikit soal html dan css. semoga bisa membantu
saya udah coba 2 jam lebih opreknya, ga ketemu setingan yang pas, sebab pake javascpits juga, halo html aja mudah dipahami, ampe javanya lom ngerti-ngerti juga bos, update dunk yang pake trialnya bos
untuk link trial, tarok aja elemen berikut dibawah elemen tombol member dan voucher :
Terimakasih templatenya, interaktif
sama2 mas , semoga bermanfaat dan berkah ya mas 🙂
Saya sudah upload di mikrotik rb750gr3 dan merubah html directory nya tp kok belum mau berubah ya om? apanya yg salah ya….
cba hapus dlu template lain yang ada di mikrotik, trus cek lagi lokasi html dir pada setingan hotspot, clear history browser dan cba lagi
sudah saya coba om, tapi kenapa masih balik ke bawaan mikrotik ya… tapi saya coba di 450g bisa… apa ada yg salag di 750gr3 nya ya…
posisi folder nya harus dlm folder flash nya, klo tarok diluar folder flash ngk bisa, cba pindahkan ke dlm folder flash
iya sudah om,sudah saya masukan di folder flash mash tetep ga bisa. saya cobat reset rbnya atur ulang tetep gak bisa.
sepertinya ada yang kurang pas dan terlewatkan setingan nya di mikrotik
coba diperiksa kembali dah om , setup ulang hotspot, trus ganti html dir, dah cba perhatikan lokasi folder nya
alhamdulillah trima kasih templatenya mas, sangat bermanfaat bagi saya.
salam kenal Jawa Timur, situbondo.
alhamdulillah mas, semoga berkah mas, salam kenal juga dari bukittinggi sumatera barat 🙂
Mantap…, menarik, interaktig
sama2 mas, semoga bermanfaat 🙂
Ask:
Untuk tab member & tab voucher bedanya dimana ya?
Regards.
member itu login nya username dan password, voucher hanya menginput satu kode saja , kita hanya menginput username saja (username = password)
kira-kira begitu mas
kamsia gan semoga ilmu mu bermanfaat
sama-sama gan, semoga bermanfaat juga 🙂
Terimakasih om ef.
lancar mixbill&template nya
d tunggu versi mixbill terbarunya om….
sukses selalu
Cara buat vouchernya gimana om ?
coba cari di blog saya : download phpmixbill voucher generator
amin, silahkan om, moga bermanfaat 🙂
izin unduh dan edit ya om dika..
Berkah om…aamin
mas,,, filenya sudah saya download, tp kok gak bisa di mikrotiknya yah,,, padahal belum saya
upload ke mikrotiknya,,, dan juga belum saya edit…
#justkidding ?
jiaaakakakaka…hampir tertipu saya
Mas boos.. udah saya edit lewat notpad++..
tampilannya kok gak mau berubah ya…
cara nyimpannya gmn ya?..
setelah edit, save trus upload ke mikrotik mas. jika file list mikrotik ada folder flash, tarok dalm folder flash folder template hotspot nya
klo yang versi gadget kok sampul gambarnya gepeng ya bos?…
mas cara mengganti $(identity) gmn ya biar yg tampil nama hotspot saya?
diganti aja langsung mas dengan nama hotspot nya. cara yang mudah, identity di mikrotik diset dengan nama hotspot nya.
untuk voucher nya pakai tambhan apa ya mas
tambahan apa yang dimaksudkan mas ?
untuk menu voucher mas itu, cara buatny di apa ya mas..
cuma pake notepad++, backend nya ada javascript sedikit
ok mas tak coba, mkasihhh Template nya mas….smogaa berkahh..
siap mas, moga bermanfaat
makasi mas.salam dari aceh
bisa ga mas saya minta bantu soal memisahkan antara game dan dowload
bisa saja mas, tapi kita ada layanan jasa setting sendiri untuk hal ini, bisa mas cek di halaman ini : https://topsetting.com/order/
Gan untuk template ini berbayar atau free ya? Soalnya saya pakai bagus sih udh di edit” eh jalan 1 bulah kok balik default lgi ya?
free kok, ada yang salah itu di mikrotiknya. templateny gratis dan bebas digunakan atau dimodifikasi