Home > Open Source > Custom error 404 pada apache

Custom error 404 pada apache

Error 404 merupakan pesan yang diberikan oleh web server jika client melakukan request, namun server tidak dapat menemukan request/objek yang dicari. Pada apache (gw pake apache 2.2.8 pada ubuntu 8.04.2) tampilan error 404 secara default adalah seperti berikut :

screenshot-404-not-found

Sekarang kita akan meng-custom tampilan error tersebut,  sebagai contoh, kita akan membuat halaman sederhana sebagai pengganti halaman error di atas. Anda dapat merubah sesuai selera, silahkan gunakan kreatifitas Anda :p.

Langkah-langkah nya adalah :

1.  Tambahkan baris berikut pada httpd.conf
ErrorDocument 404 /error/404.html

Note : /error/404.html relative terhadap DocumentRoot, misal DocumentRoot terletak di /var/www/html maka letak absolute dari /error/404.html adalah /var/www/html/error/404.html

2.  Buat file 404.html, misalkan isinya (sekali lagi sesuaikan dengan selera Anda, ini hanya sebuah contoh…:p) :

<html>
<head>
<title>Error404 – Object Not Found</title>
</head>
<body>
<center>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div style=”width: 450px; background: #eee; border: 1px solid #ccc; padding:10px;”>
<h1 style=”text-decoration: underline;”>Ooopppsss…</h1>
<p>&nbsp;</p>
<span style=”font-weight: bold; font-size; 14px”>Error 404 – Object Not Found</span>
<p>&nbsp;</p>
The page you are looking for is not exist or might been out of date. <br />Please check you’ve enter correct address. <br />If you having problem, feel free to email <a href=”mailto:blackarazi@gmail.com”>me</a>.
<p>&nbsp;</p>
Click <a href=”http://bagunde45.zapto.org”>Here</a&gt; to return to Homepage
</div>
<br />
<b>Powered By :</b> <br /> <img src=”../images/apache_logo.png” align=”top”>
<center>
</body>
</html>

3.  Reload apache
sudo /etc/init.d/apache2 reload

Sekarang tampilan error 404 Anda sudah berubah seperti berikut :

screenshot-customerror404-object-not-found

Note : Error 404 tidak harus .html, bisa juga .php, misalkan Anda ingin meredirect semua error 404 ke homepage Anda, tinggal buat file php yang isi meredirect ke halaman tertentu, seperti berikut :

<?php

header(‘Location: http://www.example.com/&#8217;);

?>

Oiya, ini ada link dari www.smasingmagazine.com yang berisi custom 404 yang ada di beberapa website. Keren2 euy…
OK, that’s all…

Sumber : apache doc

Advertisements
Categories: Open Source Tags: ,
  1. okoj
    September 4, 2009 at 3:10 pm

    makasih tutorialnya mas, berguna sekali

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: