Kembali ke Menu Utama

Panduan Header

Atur logo, judul, dan slogan halaman login

Langkah Pengaturan

1

Buka File

Buka file config/data/header.js

2

Upload Logo

Upload logo ke folder public dan sesuaikan path

3

Ubah Teks

Ganti judul dan slogan sesuai kebutuhan

File Konfigurasi

config/data/header.js
header.js
window.headerConfig = {

    // ============================================
    // PENGATURAN LOGO
    // ============================================

    logo: {
        // Tampilkan atau sembunyikan logo
        // 1 = tampil, 0 = sembunyi
        enabled: 1,

        // Lokasi file logo
        imagePath: "./public/logo.png",

        // Ukuran logo
        width: "70px",    // Lebar (px, %, em)
        height: "auto"   // Tinggi (auto = proporsional)
    },

    // ============================================
    // PENGATURAN JUDUL
    // ============================================

    title: {
        // 1 = tampil, 0 = sembunyi
        enabled: 1,

        // Teks judul besar
        name: "Login Page NLE"
    },

    // ============================================
    // PENGATURAN SLOGAN
    // ============================================

    slogan: {
        // 1 = tampil, 0 = sembunyi
        enabled: 1,

        // Teks slogan di bawah judul
        name: "Internet Cepat & Unlimited"
    },

    // ============================================
    // PENGATURAN BACKGROUND
    // ============================================

    background: {
        // 1 = gunakan background khusus header
        // 0 = transparan
        enabled: 1
    }
};

Penjelasan Detail

01

logo

Pengaturan logo di bagian atas:

  • enabled: Tampilkan/sembunyikan
  • imagePath: Lokasi file logo
  • width/height: Ukuran logo
02

title

Judul besar yang muncul di header. Bisa diisi nama hotspot atau judul lainnya.

03

slogan

Teks pendek di bawah judul. Bisa diisi tagline, motto, atau keterangan singkat.

04

background

Mengaktifkan background khusus untuk header. Jika dinonaktifkan, header akan transparan.

Cara Mengganti Logo

1

Siapkan file logo (PNG/JPG) dan upload ke folder public/

2

Ubah imagePath sesuai lokasi file logo Anda

3

Sesuaikan width jika logo terlalu besar/kecil

Rekomendasi Ukuran Logo

Untuk hasil terbaik, gunakan logo dengan ukuran 200-400 pixel dan format PNG dengan background transparan. Set width antara 100px - 150px agar proporsional.

Erik Sanjaya - Login Page Hotspot Mikrotik

https://eriksanjaya.com