Halaman error 404 yaitu halaman dimana link tersebut telah rusak, biasanya disebabkan karena halaman terssebut sudah dihapus atau kesalahan user dalam pengetikan Url.
Halaman error 404 menyebabkan pengunjung merasa bosan karena waktu pengunjung browsing dan ketika halaman tersebut dibuka ternyata halaman itu tidak ada yang ada hanya pesan 404 file not found.
Maka untuk mengatasi sedikit kekecewaan pengunjung dibuatlah pesan pengalihan baik berupa teks maupun gambar.
Berikut cara Membuat Pesan Gambar Halaman Error 404 :
Pertama-tama, buka Edit HTML silahkan Cari Kode </style>, Setelah ketemu silahkan letakkan CSS dibawah ini diatas kode tersebut :
#error-page {background-color:#e9e9e9;position:fixed !important;position:absolute;text-align:center;
top:0;right:0;bottom:0;left:0;z-index:99999;}
#error-inner {margin:11% auto;}
#error-inner .box-404 {width:200px;height:200px;color:#fff;font-size:80px;
line-height:200px;margin:0 auto 50px;position:relative; background: #2980B9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2g_0EkOnScRjx5FAET7G3n4i8l-K4jbG5TY8a_dkxOIRsvRrq_LpQVZiWD7oRU_0mfH2UwryHHSyLPt_nWbrTCHwN0HEkuGePWMIc9OD1dj8ybHhCGUpBPFXWPePhlL4g8Ognuz1gMGc/)no-repeat}
#error-inner .box-404::after {content:" ";width:0;height:0;bottom:-8px;
border-color:#2980B9 transparent transparent;border-style:solid;border-width:9px 9px 0;
position:absolute;left:47%;}
#error-inner h1 {text-transform:uppercase;}
#error-inner p {font-size:15px;}
Kedua letakkan kode Html berikut diatas kode </body> :
<b:if cond='data:blog.pageType == "error_page"'>
<div id='error-page'>
<div id='error-inner'>
<div class='box-404'>404</div>
<h1>Halaman tidak ditemukan</h1>
<p>Kemungkinan halaman telah dihapus, atau Anda salah menulis URL</p>
<p>Kembali ke <a expr:href='data:blog.homepageUrl' title='Beranda'><data:blog.title/></a></p>
</div></div> </b:if>
Save template.
Untuk melihat hasil silakan buka alamat Url manapun dengan mengurangi satu huruf.
Selesai, Membuat Pesan Gambar Halaman Error 404