Skip to content
Nurfachmi Academy
Nurfachmi Academy

managed by Reza Nurfachmi

  • Home
  • Now
Nurfachmi Academy

managed by Reza Nurfachmi

Kustomisasi Halaman 404

Reza Nurfachmi, January 30, 2025June 24, 2025

nginx

Mulai sekarang langkah-langkahnya akan lebih sederhana karena sudah agak menyentuh low level, yakni ke layer sistem operasi yang biasanya hanya terminal seperti Ubuntu Server dan lainnya.

Buat Halaman 404 Kustom

Langkah pertama, kita buat dulu halaman 404 yang kita inginkan. Supaya lebih enak, kita kumpulkan saja pada lokasi document root-nya, yakni di /var/www/html. Jadi kita buat dulu filenya dengan:

nano /var/www/html/404.html

Oh iya, silahkan ganti editor nano dengan editor favorit masing-masing ya. Kemudian silahkan isi dengan desain halaman 404 yang diinginkan. Misalnya seperti 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>

Simpan filenya, lalu restart nginx-nya.

sudo systemctl restart nginx

Begitu deh, lebih sulit atau malah lebih mudah?

Post Views: 528
Pages: 1 2 3 4 5 6 7 8 9
Programming System AdministrationServer

Post navigation

Previous post
Next post

Leave a Reply Cancel reply

You must be logged in to post a comment.

©2025 Nurfachmi Academy | WordPress Theme by SuperbThemes