Membuat Halaman 404 Pada Blogspot

Halaman Error 404 adalah halaman yang akan ditampilkan bila halaman yang sebenarnya tidak ditemukan.
Saya yakin diantara sobat yang pernah Googling dengan suatu keyword tertentu dan kadang setelah diklik ternyata halaman yang kita akses telah dihapus oleh Admin/Penulis. Nah cara ini berguna untuk membantu pengunjung yang salah mengakses link / halaman yang ada di blog kita dengan memberikan petunjuk atau saran pada halaman error yang mereka akses.
Tutorial ini saya peroleh dari salah satu sobat indolaron yakni Mas Achmad Muharya.

Secara default jika kita mengakses link blogspot yang salah maka akan keluar info:

1. Sorry, the page you were looking for in this blog does not exist.atau
2. Maaf, laman yang Anda cari di blog ini tidak ada.

atau tampilanya kira-kira seperti ini:

Penasaran seperti apa sih Halaman Error 404 yang saya coba jabarkan?
Silahkan sobat buka Homepage blog masing-masing trus ditambahin kalimat/kata apapun, misal:
http://nama.blogspot.com/ganteng gimana gan hasilnya..?? :p
Nah coba klik http://indolaron.com/pelit dah tahu kan apa maksud dan arti dari postingan kali ini.

Disini ada 2 cara untuk membuat Halaman ERROR 404 yakni dari setelan blog (Preferensi penelusuran) atau dengan modifikasi HTML yang kita masukkan di bagian body blog.

CARA I: - Setelan blog

1. Login ke account blogspot
2. Setelah di Dashboard > Setelan > Preferensi penelusuran > klik edit pada Pesan Khusus untuk Laman Tidak Ditemukan
akan muncul tampilan kotak seperti ini:

3. Copy kode ini, lalu paste pada kotak Pesan Khusus untuk Laman Tidak Ditemukan

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Maaf Halaman Yang Anda Cari Tidak Di Temukan Atau Sudah di hapus<br><a href="URL Blog">Klik DISINI</a> untuk kembali ke Beranda <br> Have a nice Day...</h3><img src="URL gambar 404"/>

4. Klik Simpan Perubahan
Note:
* URL Blog : ganti dengan link blog atau homepage blog anda
* URL gambar 404: isi dengan link gambar ERROR 404 sesuai selera anda, misal:
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkiCmOxYbfME_pIs2j3uh6ASJb-koO7QlAbZ935SDfGOsn3wEl2g8drtH3OmaZXLwUxeivKVvTysFW7cbO842vw1H62-GKypkx-IVFhaJFebZH4AIOEqHAmkaX0vKIth0Ajs_C1ev8bEs/s400/404_not_found.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi82pJwmGJvKiAjLUsccNZM6VQG_M2yg17bAx7UUNeG8y8BapumW_nv9Hbi0NbEtiQjWaNQUh-QJAHj4CyNsqfSqdY5pjSVwYwLa9R5jtgri9h0FF13jQawrA1n1aWBlvSfpkG3DT5z-ow/s1600/ERROR_404.png 

CARA II: - Modifikasi HTML

1. Login ke account blogspot
2. Setelah masuk di Dashboard lalu pilih Template > Edit HTML
3. Cari kode ini ]]></b:skin>
4. Masukkan kode CSS berikut tepat diatas kode ]]></b:skin>

#error-page {
text-align:center;
background-color:#fff;
position:fixed !important;
position:absolute; /* IE6 Fallback */
top:0px;
right:0px;
bottom:0px;
left:0px;
padding-top:100px;
z-index:99999;
}

5. Sekarang cari kode ini </body>
6. Lalu masukan kode HTML berikut ini diatas kode </body>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/>Oops ! | Error 404</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error-page'>
<h1><img src='URL gambar 404'/><br/>
You Enter a wrong page, please check Your URL once more.<br/>
Please go to <a href='URL Blog' title='Home'>Homepage</a> 
</h1>
</div>
</b:if>

7. Kemudian Simpan template.
Note:
* URL gambar 404: isi dengan link gambar error 404 sesuai selera, misal:
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkiCmOxYbfME_pIs2j3uh6ASJb-koO7QlAbZ935SDfGOsn3wEl2g8drtH3OmaZXLwUxeivKVvTysFW7cbO842vw1H62-GKypkx-IVFhaJFebZH4AIOEqHAmkaX0vKIth0Ajs_C1ev8bEs/s400/404_not_found.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi82pJwmGJvKiAjLUsccNZM6VQG_M2yg17bAx7UUNeG8y8BapumW_nv9Hbi0NbEtiQjWaNQUh-QJAHj4CyNsqfSqdY5pjSVwYwLa9R5jtgri9h0FF13jQawrA1n1aWBlvSfpkG3DT5z-ow/s1600/ERROR_404.png
* URL Blog : ganti dengan link blog atau homepage blog anda
SELAMAT BERKREASI.....