Kustomisasi Halaman 404

Kustomisasi Halaman 404

LiteSpeed

Sebenarnya saya memakai OpenLiteSpeed untuk demo ini. Karena OpenLiteSpeed adalah gratis dan open source, sedangkan LiteSpeed itu produk premium berbayar. Mohon maklum. Hehe.

Namun, beda nginx, beda pula dengan OpenLiteSpeed ini.

Kalau nginx belum ada file 404 sehingga harus bikin sendiri, sedangkan si OpenLiteSpeed ini sudah ada. Sehingga kita diberi pilihan ingin mengubah file 404 default atau bikin baru. Ya mending bikin baru supaya file lamanya tetap terarsip dengan baik.

Buat Halaman 404 Kustom

Baiklah, pertama kita buat file barunya di lokasi document root standar.

sudo nano /usr/local/lsws/Example/html/404.html

Kemudian silahkan isi dengan desain halaman 404 milik kamu sendiri atau pakai seperti di bawah ini.

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Halaman Tidak Ditemukan</title>
    <style>
        body { font-family: Arial, sans-serif; text-align: center; padding: 50px; }
        h1 { font-size: 50px; }
        p { font-size: 20px; }
    </style>
</head>
<body>
    <h1>404</h1>
    <p>Oops! Halaman yang Anda cari tidak ditemukan.</p>
    <a href="/">Kembali ke Beranda</a>
</body>
</html>

Edit Konfigurasi Virtual Host Secara Manual

Lalu kita ubah juga file konfigurasinya agar setiap aksi 404 selalu mengarah ke halaman yang telah kita buat tadi.

sudo nano /usr/local/lsws/conf/vhosts/Example/vhconf.conf

Tambahkan atau ubah bagian berikut:

errorPage 404 /404.html

Restart OpenLiteSpeed

Setelah mengedit file konfigurasi, restart OpenLiteSpeed agar perubahan diterapkan:

sudo systemctl restart lsws

Silahkan tes lagi dengan alamat asal deh.

Leave a Comment

Comments

No comments yet. Why don’t you start the discussion?

    Leave a Reply