Cara Membuat Halaman Error 404 Blog Yang Keren

Halaman ERROR 404 ini bisa terjadi pada setiap situs atau blog. Banyak faktor penyebab munculnya Halaman ERROR 404. Bisa karena artikel sudah dihapus, URL halaman yang telah diganti, atau karena pengunjung salah dalam mengetikkan URL dan yang lain sebagainya.

Dengan mendesign halaman error 404 tentu akan membuat pengunjung terkesan tapi juga jengkel. Why?

Yang pertama Halaman Error yang didesain dengan baik akan membuat pengunjung kagum "Wah, halaman errornya aja sebagus ini apalagi halaman yang lain. Cek ah" (DAPET TRAFFIC deh) tapi juga membuat pengunjung jengkel karena halaman yang diminta tidak ditemukan.

Untuk mengakalinya disini saya akan membagikan Cara Membuat Halaman Error 404 yang keren. Daripada penasaran yok langsung ke tutorialnya!

KEREN!

Pergi TEMPLATE->Edit HTML
Temukan </head> dan salin kode ini diatasnya.


<b:if cond='data:blog.pageType == "error_page"'>
<style type="text/css">.status-msg-wrap{font-size:100%;margin:none;position:static;width:100%}.status-msg-border{display:none}.status-msg-body{padding:none;position:static;text-align:inherit;width:100%;z-index:auto}.status-msg-wrap a{padding:none;text-decoration:inherit}</style>

Save TEMPLATE

Lalu pergi ke Setelan -> Preferensi Penelusuran -> Pesan Khusus Halaman Tidak Ditemukan

Custom Error 404 PAge Cara membuat halaman error 404 di blog

KLIK GAMBAR UNTUK MEMPERBESAR

Salin kode ini kedalam kotak teksnya



<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>

<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmfL6WuNYb3LQ-Ljt46PjeCThcYpbJoBNA7qVxyfTd_zwzcT22x1TkkvDD_Wpc1yRyC5F9rsLsIubr75jwz3vJG8m3NCcf_eq-t5fLZyJY-N5fUytxmPxOojaIsyA0NdRyXeVKBaMaano/s1600/404+error+page+4.jpg"/>

Klik Simpan.

Jika sudah selesai ketikkan sembarang url di blog anda CONTOH
http://newbanie.blogspot.com/apasajayangpentingmaho.html

Dan jika berhasil akan terlihat seperti gambar di bagian post paling atas.

Jika kurang jelas lihat demo berikut