Cara Membuat Halaman Error 404 (Halaman Tidak Ditemukan)

Halaman Error 404 adalah halaman yang muncul ketika pengunjung mengklik Link yang Rusak (Broken Link) atau ketika pengunjung mengunjungi Halaman yang tidak lagi ada (Halaman / Artikel yang sudah di hapus).

Dari Blogger sendiri memang sudah menyediakan fitur "Pesan Khusus untuk Laman Tidak Ditemukan" untuk menggunakan fitur ini, kita hanya perlu memasukkan Design Kode HTML untuk membuat halaman Error 404.

Baca Juga : Cara Melihat PageRank Blog / Website - Widget PageRank Checker

Apa isi dari halaman Error 404?

Halaman Error 404 berisi Pemberitahuan bahwa Pengunjung Telah Mengklik Link yang Rusak atau bahwa Halaman yang dikunjungi pengunjung sudah tidak ada lagi / sudah dihapus. Halaman Error 404 juga berisi petunjuk selanjutnya bagi pengunjung untuk kembali ke halaman sebelumnya, menghubungi Admin, atau menuju ke Halaman Beranda.

LIHAT CONTOH

Membuat Halaman Error 404 di Blog (Blogger).

Berikut langkah - langkah membuat halaman Error 404 di Blog dilengkapi dengan Screenshoot :

1. Login ke Blogger >> Setelan >> Preferensi Penelusuran >> Klik "Edit" (Klik Screenshootnya untuk memperbesar)
   
   
2. Copy semua kode HTML di bawah ini.
   Penjelasan Perubahan :
   1. Kode berwarna merah adalah kode Gambar. Jika ingin menggunakan Gambar, ganti Kode berwarna biru (URL Gambar) dengan URL Gambar milik kamu sendiri. Tetapi jika tidak ingin menggunakan gambar, hapus kode berwarna merah.
   2. Kode berwarna Ungu, ganti dengan Link menuju ke Halaman "Contact Us" milik kamu sendiri.
   3. Kode berwarna Orange, ganti dengan Link menuju ke Halaman utama / Beranda Blog kamu (Link Blog Kamu).
   4. Kode berwarna Hijau, ganti dengan Kata - katamu sendiri, atau jika sudah cocok dengan keinginanmu, tidak perlu diganti.
   5. Jangan merubah Kode Selain yang saya jelaskan di atas.
   
   <div class='cara-seo-blogger-404'>
   
   <div class="separator" style="clear: both; text-align: center;">
   <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9cnR-RXxjYjy2bv3ZYIu_dm9zFBO-5fHVMzsQPG-TCRetZNV_UbN7WJ7ge7ubgGV2rM7PpJjQ5To1nolioPTVVf5T7DokTaenVbeEHrBTAq9BrOVz8ltZv3VEmGmmXFXQOEgsS0fxAfY/s1600/error-404-images-gambar-caraseoblogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img width="500px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9cnR-RXxjYjy2bv3ZYIu_dm9zFBO-5fHVMzsQPG-TCRetZNV_UbN7WJ7ge7ubgGV2rM7PpJjQ5To1nolioPTVVf5T7DokTaenVbeEHrBTAq9BrOVz8ltZv3VEmGmmXFXQOEgsS0fxAfY/s1600/error-404-images-gambar-caraseoblogger.jpg" /></a></div>
   <br />
   
     <p style='line-height: 30px'><strong>
   <font color='#ff0000' size='5'>
   Sorry,
   </font> <font color='#666666'>
   Kamu mungkin mengunjungi Link yang Rusak, atau Halaman Blog yang sudah tidak lagi ada. </br>
   Pilih dan Ikuti Langkah di Bawah ini:
   </font></strong></p>
     <ol style='line-height: 25px'>
       <li><a href='javascript:history.go(-1)'>&#171; Kembali ke Halaman Sebelumnya</a> </li>
       <li>Laporkan Kepada Saya<a href='http://www.caraseoblogger.com/p/contact-me-hubungi-saya.html'>Klik Disini</a></li>
       <li>Kembali ke Beranda Cara SEO Blogger<a href='http://www.caraseoblogger.com/'>Klik Disini</a>
         <br/></li>
     </ol>
     <p>
       <br/>
       <br/>
       <br/></p><span style="font-size: x-small;"><a target="_blank" href="http://www.caraseoblogger.com/2014/01/cara-membuat-halaman-error-tidak-ditemukan-404.html">Halaman Error 40</a><a href="http://www.caraseoblogger.com/">4</a></span>
   </div>
3. Pastekan Kode HTML - nya di Form "Pesan Khusus untuk Laman tidak ditemukan".
   
   
4. Copy Kode CSS di bawah ini
   
   .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;
   }
   .cara-seo-blogger-404 {
     background:#FFFFFF;
     width:100%;
     margin:10px 0px;
     padding:20px 10px;
     border:1px solid #ddd;
     -moz-border-radius:6px;
     -webkit-border-radius:6px;
     border-radius:6px;
     box-shadow: 5px 5px 5px #CCCCCC;
   }
5. Klik Menu Template >> Edit HTML >> Ctrl + F (Find) >> Cari Kode ]]></b:skin>  >> Pastekan Kode CSS - nya di atas kode ]]></b:skin>
   
6. Klik "Simpan Template". Untuk melihat Preview dari Halaman Error 404 milik kamu, Langsung saja menuju ke www.alamat-blog-kamu.com/404

Sekian yang dapat saya bagikan Mengenai Cara Membuat Halaman Error 404 (Halaman Tidak Ditemukan). Jika Temen - temen Blogger masih bingung, ada yang ingin ditanyakan, atau ingin mengucapkan terima kasih, silahkan Berkomentar. Jangan Lupa Share ke Jejaring Sosial ya, dengan Like, G+, Share di Twitter dsb. Support Blog ini agar tetap hidup untuk membantu Temen - temen Blogger. Terima Kasih.