Cara membuat custom error page 404 otomatis redirect

Image by http://jember-preker.blogspot.com/

Custom error page 404 berguna untuk mengalihkan halaman yang tidak ditemukan.Dengan memberi notifikasi seperti pada gambar dan kemudian di alihkan secara otomatis ke halaman homepage atau daftar Isi sesuai keinginan anda.Anda juga dapat membuat cutom page error dengan menggunakan pilihan untuk nantinya langsung memberikan pilihan pada halaman error page.

Untuk setting custom error page 404 bermacam-macam tergantung anda Namun disini akan di jelaskan costum page redirect ke halaman lain yang ingin di tujukan jika halaman tidak ditemukan atau halaman sudah rusak dengan notifikasi dan pilihan untuk di alihkan.

Dengan custom error page blog anda akan terlihat lebih profesional untuk mengatasi broken link sehingga dapat menaikkan popularitas dan otomatis berdampak pada optimalisasi blog anda.

DEMO

Cara untuk membuatnya mudah :

Pertama buka setelan lalu preferensi penelusuran lalu masukkan script di bawah ke Costum page :

<li style="background-color: transparent; border: 0px; display: inline; margin: 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="URL Beranda" style="background-image: linear-gradient(rgb(245, 245, 245), rgb(241, 241, 241)); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.2) !important; color: #444444; display: inline-block; font-size: 11px; font-weight: bold; height: 27px; line-height: 26px; margin: 0px 5px; outline: 0px; padding: 0px 10px !important; text-decoration: none; vertical-align: middle;" title="Ke Beranda">Beranda</a></li>

<li style="background-color: transparent; border: 0px; display: inline; margin: 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="URL Kontak penulis" style="background-image: linear-gradient(rgb(245, 245, 245), rgb(241, 241, 241)); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.2) !important; color: #444444; display: inline-block; font-size: 11px; font-weight: bold; height: 27px; line-height: 26px; margin: 0px 5px; outline: 0px; padding: 0px 10px !important; text-decoration: none; vertical-align: middle;" title="Kontak Penulis">Kontak Penulis</a></li>

<li style="background-color: transparent; border: 0px; display: inline; margin: 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="URL Hasil pencarian/daftar ISI" style="background-image: linear-gradient(rgb(245, 245, 245), rgb(241, 241, 241)); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.2) !important; color: #444444; display: inline-block; font-size: 11px; font-weight: bold; height: 27px; line-height: 26px; margin: 0px 5px; outline: 0px; padding: 0px 10px !important; text-decoration: none; vertical-align: middle;" title="Cari Artikel disini">Pencarian</a></li>

</ul>

<br />

//Redirect Page Not Found - Error 404 By Lostsector

LS_redirect = setTimeout(function() {

location.href= "http://jember-preker.blogspot.com/"

}, 7000);

</script></div>

</div>

Keterangan tulisan yang berwarna Biru Silahkan ganti dengan url yang anda inginkan.Untuk tulisan yang berwarna hijau delay waktu untuk redirect ke halaman yang anda inginkan.7000 sama dengan 5 detik dan sesuaikan dengan kebutuhan dan keinginan anda.

DEMO

Gambar URL bisa di ganti dibawh ini :