Shared Hosting
Pada umumnya jika kita menyewa shared hosting, biasanya sudah include dengan cPanel. Untuk memodifikasi halaman error 404, silahkan cari di menu pencarian dengan keyword Error Pages atau scroll sedikit tetikusnya sampai ketemu submenu Advanced dan klik ikon Error Pages.
Akan muncul kira-kira seperti ini pilihannya:
Nah kalau di cPanel, kita gak hanya bisa modifikasi halaman 404. Halaman error lainnya juga bisa dikustom kok.
Selanjutnya kita klik saja menu 404 (Not found) dahulu dan kita akan diarahkan ke sebuah editor seperti ini:
Yowis, silahkan taruh kode HTML sesuai keinginan kita sendiri di text editor tersebut. Pastikan klik tombol Save kalau sudah selesai ya.
Etapi untuk memperkaya informasi mengenai error-nya, kita bisa menambahkan beberapa tag spesial, antara lain:
Referring URL: alamat asal sebelum sampai ke halaman 404 tersebut.Server Name: url server saat ini.Visitor's IP Address: IP Address pengunjung.Visitor's Browser: detail browser yang dipakai.Requested URL: url yang ingin diakses tetapi tidak ditemukan.Redirect Status Code: status kode redirect, biasanya sekitar 3xx.
Berikut contoh kodenya:
<!DOCTYPE html>
<html lang="id">
<head><meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 Not Found</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="d-flex align-items-center justify-content-center vh-100 bg-light">
<div class="text-center">
<h1 class="display-1 text-danger">404</h1>
<p class="lead">Halaman yang Anda cari tidak ditemukan.</p>
<p class="lead">Referring URL: <!--#echo var="HTTP_REFERER" --></p>
<p class="lead">Server Name: <!--#echo var="HTTP_HOST" --></p>
<p class="lead">Visitor IP Address: <!--#echo var="REMOTE_ADDR" --></p>
<p class="lead">Browser: <!--#echo var="HTTP_USER_AGENT" --></p>
<p class="lead">Requested URL: <!--#echo var="REQUEST_URI" --></p>
<p class="lead">Redirect Status Code: <!--#echo var="REDIRECT_STATUS" --></p>
<a href="/" class="btn btn-primary">Kembali ke Beranda</a>
</div>
</body>
</html>Hasilnya kira-kira seperti ini:
Demonya bisa klik di sini.
Nah begitu cara mengubah atau memodifikasi atau kustomisasi halaman 404 di shared hosting alias cPanel. Gampang, kan?
