AI Insights
Generate a summary and suggested tags for this post.
Halaman login hotspot yang cuma tulisan? Boring. Tambahkan logo brand kamu di atas form login — WiFi terasa jauh lebih profesional dan memorable buat pengguna.
3 Langkah Cepat
1. Siapkan File Logo
| Spesifikasi | Rekomendasi |
|---|---|
| Format | PNG (support transparan) |
| Ukuran | 300x150 px atau 400x200 px |
| Berat | Maksimal 100 KB |
| Nama file | logo.png (huruf kecil, no spasi) |
Tips: pakai tinypng.com untuk kompres tanpa turun kualitas.
2. Upload ke Router via FTP
Aktifkan FTP dulu:
/ip service enable ftp
Login FTP (host: IP router, user: admin), lalu:
- Masuk folder
hotspot/ - Upload
logo.pngke folderhotspot/gambar/(bikin dulu kalau belum ada) - Pastikan file muncul via Files menu di Winbox
3. Edit login.html
Tambahkan tag <img> sebelum form login:
<div class="header-login">
<img src="gambar/logo.png" alt="Logo Brand" class="logo">
</div>
<form name="login" action="$(link-login-only)" method="post">
...
</form>Tambahkan CSS agar logo terlihat rapi:
.logo {
display: block;
margin: 0 auto 20px;
max-width: 200px;
height: auto;
}Hasil Akhir
Konek WiFi → buka browser → halaman login sudah menampilkan logo brand di atas form.
Tips Tambahan
| Tip | Detail |
|---|---|
| Retina display | Upload 2x size (400x200), display 200x100 |
| Dark mode friendly | Pakai logo dengan outline / versi terang |
| Fallback text | Isi alt="Nama Brand" untuk aksesibilitas |
| Tag line | Tambah teks kecil "WiFi by NamaBrand" di bawah logo |
Common Mistake
| Kesalahan | Akibat | Solusi |
|---|---|---|
| Path salah | Logo tidak muncul | Cek folder gambar/ |
| File JPG dengan background | Terlihat kotak putih | Ganti ke PNG transparan |
| Ukuran > 1 MB | Load lama | Kompres < 100 KB |
| Nama file huruf besar | Kadang gagal di server | Pakai lowercase |
Kesimpulan
Menambah logo di hotspot MikroTik cuma 3 langkah: siapkan PNG, upload via FTP, edit login.html. Sederhana tapi berdampak besar untuk brand awareness WiFi kamu. Kalau mau setup lengkap login page dari nol, baca Cara Mengganti Halaman Login Hotspot MikroTik.