Membuat 404 Page Not Found Di Blog

 

404 Page Not Found

Sebuah halaman yg dilihat oleh pengunjung blog ketika mereka mencoba untuk menjangkau laman yg tidak ada di blog atau situs web. Hal seperti ini bisa terjadi mungkin karna mengklik link yg rusak, halaman yg telah dihapus, atau mereka salah mengetikkan URL.

Karena halaman 404 page not found juga menjadi halaman yg termasuk penting, agar tidak membingungkan pengunjung blog ketika tidak menemukan halaman yg dicarinya, maka kita bisa Membuat Halaman 404 Page Not Found Di Blog sendiri dan menyesuaikan tampilan nya sesuai keinginan. 

Tampilan Halaman 404 Page Not Found

Berikut beberapa saran untuk membuat laman 404 yang efektif yang dapat membantu mempertahankan pengunjung di blog atau situs web dan membantu mereka menemukan informasi yang mereka cari :

• Beri tahu pengunjung dengan jelas bahwa halaman yang mereka cari tidak dapat ditemukan. Gunakan bahasa yang ramah dan mengundang.
• Pastikan laman 404 menggunakan tampilan dan nuansa yang sama (termasuk navigasi) seperti blog atau situs web lainnya.
• Pertimbangkan untuk menambahkan tautan ke artikel atau kiriman blog anda yang paling populer, serta tautan ke beranda blog atau situs web. Pikirkan tentang menyediakan cara bagi pengguna untuk melaporkan tautan yang rusak.
• Tidak peduli betapa indah dan bergunanya halaman 404, mungkin tidak ingin laman itu muncul di hasil penelusuran Google. Untuk mencegah 404 laman diindeks oleh Google dan mesin telusur lainnya, pastikan server web mengembalikan kode status HTTP 404 yang sebenarnya ketika laman yang hilang diminta.
• Gunakan alat ganti alamat untuk memberi tahu Google tentang perpindahan situs web.

Membuat Halaman 404

1. Login ke blogger.com

2. Klik Tema >> Edit Tema 

3. Copy kode di bawah & paste di atas </style>

/* 404 Page Not Found */
#error-page {background-color:#f9f9f9;position:fixed!important;text-align:center;top:0;right:0;bottom:0; left:0;z-index:99999;}
#error-page  #search-box {margin: 2% 41%}#error-inner {margin:5% auto;}
#error-inner .box-404 {width:200px;height:200px;background:#9900FF;color:#fff;font-size:80px;line-height:200px;border-radius:50%;margin:0 auto 20px;position:relative;}
#error-inner .box-404::after {content:" ";width:0;height:0;bottom:-8px;border-color:#21afa4 transparent transparent;}
#error-inner h1 {color: #9900FF;text-transform:uppercase;}
#error-inner p {font-size:15px;color:#9900FF;}
border-style:solid;border-width:9px 9px 0;position:absolute;left:47%;}
.search404 {width: 300px; height: auto; margin: 0 auto 20px;}
input#search-text {height: 27px;width: 250px;padding-left: 10px;color:#9e9e9e;}

4. Cari kode </footer>, lalu copy & paste kode di bawah ini tepat sebelum atau sesudah kode </footer>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error-page'>
<div id='error-inner'>
<div class='box-404'>404</div>
<h1>HALAMAN TIDAK DITEMUKAN!!</h1>
<p>Temukan konten terkait lainnya disini :</p>
<div class='search404'>
<form action='/search' id='cse-search-box' method='get'>
<input id='search-text' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Ketik dan enter di sini ...'/>
</form>
</div>
<p>Kembali ke Halaman Utama </p>          
<p><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
</div>
</div>
</b:if>

5. Terakhir, klik Simpan Tema

Itulah tadi cara mudah Membuat 404 Page Not Found Di Blog yg bisa kamu coba di blog atau situs web mu. 

Referensi : developers.google.com