Pernah gak sih kamu lagi asyik browsing terus tiba-tiba ketemu tulisan error warna hitam putih yang kaku banget? Kebanyakan orang pasti langsung nutup tab browser kalau ngeliat tampilan kaya gitu. Nah, di sinilah pentingnya halaman error kustom. Selain bikin tampilan website kamu makin profesional, halaman unik ini bisa menjaga pengunjung biar tetep betah dan nemuin jalan kembali ke halaman utama. Buat kamu yang pernah baca panduan tentang [web server android wordpress](https://ikymomo.com/article/web-server-android-wordpress-cloudflare), ngatur halaman error kustom ini adalah langkah lanjutan yang pas banget buat makin mempercantik performa dan estetika website kamu. ## 3 Kode Halaman Error Kustom Unik dan Lucu Di sini aku udah nyiapin tiga kode kustom buat status error yang paling sering atau unik ditemuin, yaitu 404, 429, dan 418. Semua kodenya udah didesain responsif, fleksibel, dan ramah di layar HP maupun laptop. ## 1. Error 404 Page Not Found (Tema Kucing Imut) Gaya ini pakai pendekatan visual yang manis dan ramah. Pas banget buat mencairkan suasana saat pengunjung nyasar ke halaman yang gak ada. ```html 404 - Halaman Hilang!

🐾

404

Duh, sepertinya halaman yang kamu cari udah hilang atau pindah lapak nih.

Kembali ke Beranda

``` ## 2. Error 429 Too Many Requests (Tema Chill & Santai) Error 429 muncul kalau ada terlalu banyak permintaan dalam waktu singkat. Tema ini ngasih tahu pengunjung buat istirahat sejenak dengan bahasa yang santai. ```html 429 - Pelan-pelan Aja!

☕

429

Waduh, kamu terlalu cepat kliknya! Istirahat sebentar seruput kopi dulu aja ya.

``` ## 3. Error 418 I'm a Teapot (Tema Humor & Teapot) HTTP 418 ini sebenarnya Easter Egg klasik di dunia web. Pas banget dihiasi tema cangkir teh yang kocak dan menghibur. ```html 418 - Aku Cangkir Teh!

🫖

418

Maaf banget, server ini cuma cangkir teh biasa dan gak bisa bikin kopi!

Kembali Pulang

``` ## Cara Memasang Kode di Web Server Nginx Memasang file HTML kustom ini gak sulit sama sekali. Kamu bisa ikuti langkah ringkas di bawah ini biar halaman error langsung aktif di server Nginx kamu. ### 1. Simpan File HTML Buat folder atau langsung simpan kode di atas jadi file HTML terpisah di server kamu, contohnya seperti ini. Letakkan file-file tersebut di dalam direktori root website kamu, misalnya di `/var/www/page/`. ### 2. Edit Konfigurasi Nginx Buka file konfigurasi blok Nginx domain kamu, lalu tambahkan petunjuk pengalihan error di dalam blok `server`. ```nginx server { listen 80; server_name websitekamu.com; root /var/www/html; # Arahkan status error ke file kustom error_page 404 /error-page-404.html; error_page 429 /error-page-429.html; error_page 418 /error-page-418.html; location = /error-page-404.html { internal; } location = /error-page-429.html { internal; } location = /error-page-418.html { internal; } } ``` ### 3 Restart Nginx Setelah simpan konfigurasi, cek dulu apakah ada yang salah ketik dengan perintah sudo `nginx -t`. Kalau udah aman, tinggal muat ulang Nginx pakai `sudo systemctl reload nginx`. Sekarang halaman error unik kamu udah siap menyapa pengunjung! Membikin halaman error kustom emang keliatan kaya hal kecil, tapi dampaknya kerasa banget buat pengalaman pengunjung website kamu. Dengan sentuhan desain yang ramah dan unik, pengunjung gak bakal kecewa waktu nemuin kendala pas akses halaman. Gimana, gampang banget kan cara buat dan pasangnya? Menurut kamu dari ketiga desain di atas, mana nih yang paling cocok sama tema website kamu? Kabarin Liaviora di kolom komentar ya!

Kategori: Web

Arsip Kategori (1)

Kenapa Kamu Harus Punya Halaman Error Kustom?