Membuat Halaman Error 404 Dengan .htaccess (Custom Error Page)

Selasa, 08 Maret 2011

Jika anda salah mengetikkan alamat url atau link website untuk anda kunjungi,mungkin anda pernah mendapatkan pesan seperti ini pada halaman itu :

(Klik Spoiler)

Page not found!

The requested URL was not found on this server. If you entered the URL manually please check your spelling and try again.

If you think this is a server error, please contact the webmaster.

Error 404

localhost

12/03/10 14:35:07

Apache/2.2.0 (Win32) PHP/5.1.2

Halaman itu adalah halaman error page yang artinya halaman tersebut tidak tersedia.

“tapi halaman error nya hanya seperti itu,bisakah kita membuat indah tampilan halaman error 404 sehingga pengunjung terasa nyaman walau mereka kesasar sekalipun ?”.

Mari kita gunakan trik pada .htaccess untuk menjawab pertanyaan diatas,sebenarnya yang kita perlukan tidak banyak,hanya beberapa baris script seperti berikut ini yang kemudian akan kita tambahkan dalan file .htaccess :

`1`	`ErrorDocument 404 /not-found.html`

Jika sudah selesai kita tambahkan maka berikutnya kita buat halaman not-found.html nya.Saya rasa membuat halaman indah pada HTML cukup mudah,anda bisa menghiasinya dengan JavaScript/jQuerry atau CSS sekalipun.Sebagai contoh mari kita gunakan keduanya

01<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02<html xmlns="http://www.w3.org/1999/xhtml">
03<head>
04<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
05<title>Halaman Tidak Ditemukan</title>
06<style type="text/css">
07<!--
08
09body {
10background-color: #00FF00;
11}
12-->
13</style>
14</head>
15<body>
16<h2 align="center">HALAMAN TIDAK DITEMUKAN</h2>
17<h3 align="center"><blink>Maaf..!!</blink></h3>
18<div align="left">Halaman yang anda tuju tidak ditemukan,mungkin sudah dihapus atau alamatnya sudah digantikan,atau anda salah menuliskan alamat.
19</p>
20</div>
21<ul>
22<li>Kembali ke <a href="http://namawebsiteanda.com/">Halaman Utama </a>.</li>
23<li>Klik<a href="javascript:history.back(1);" title="Kembali Ke Halaman Sebelumnya"> disin</a>i - dan coba link lainnya.</li>
24<li>Cobalah fitur search dari kami. </li>
25</ul>
26</body>
27</html>

Sedangkan script lengkap dalam .htaccess yang kita custom tadi kira-kira berbentuk seperti ini :

1Options + FollowSymLinks
2RewriteEngine on
3ErrorDocument 404 /not-found.html

Saran saya gunakan file permissions 644 dalam .htaccess,alasannya ? supaya hak akses dalam editable hanya dikuasai oleh anda.