 |
| Contoh Halaman Error 404 pada Blog |
Kenapa menyediakan halaman error 404 itu penting? Seperti sudah dijelaskan pada paragraf sebelumnya, bahwa salah satu penilaian mesin pencari terhadap sebuah website atau blog adalah apakah website atau blog sudah menyediakan halaman error 404 sebagai pengalihan jika halaman tidak ditemukan atau broken link (link rusak). Halaman ini berfungsi sebagai informasi kepada pengunjung bahwa telah terjadi kesalahan sehingga halaman tidak ditemukan dengan begitu pengunjung tidak bingung.
Lalu bagaimana cara membuat halaman error 404 pada blog anda? Cara menambahkan halaman error 404 pada blog anda akan penulis uraikan di bawah ini. Namun, sebelum itu silahkan login ke akun google anda terlebih dahulu, lalu buka blogger anda dan buka halaman edit html blog anda agar anda bisa langsung mempraktikkan uraian langkah-langkah membuat halaman error 404 pada blog anda di bawah ini.
Cari kode di bawah ini pada html blog anda (biasanya di atas setelah <head> ):
<title><data:blog.pageTitle/></title>
atau kode ini:
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
Jika sudah ketemu, ganti kode tersebut dengan kode di bawah ini:
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> - <data:blog.title/>
<b:else/> 404 - <data:blog.title/>
</b:if>
</b:if>
</title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> - <data:blog.title/>
<b:else/> 404 - <data:blog.title/>
</b:if>
</b:if>
</title>
Jika sudah menyelesaikan langkah-langkah di atas, maka tinggal menambahkan halaman error 404 pada blog anda dengan mengikuti beberapa langkah berikut:
1. Pergi ke Blogger >> Settings >> Search Preferences (Blogger >> Setelan >> Preferensi Penelusuran)
2. Lalu pada Custom Page Not Found atau Pesan Khusus untuk Halaman Tidak Ditemukan, klik Edit
3. Akan muncul kotak pengisian, lalu salin kode di bawah ini ke dalam kotak itu:
<!-- sebatangkaktus.com Default Template -->
<div class='MBT-404-box'>
<p style='line-height: 30px'>
<strong> <font color='#ff0000' size='5'>
Oops!
</font>
<font color='#666666'> Halaman tidak ditemukan, mungkin link rusak atau anda salah ketik alamat </font>
</strong>
</p>
<ol style='line-height: 25px'>
<li>Pergi ke <a href='https://www.sebatangkaktus.com'>Homepage</a> <br/></li>
</ol>
<p>
<br/>
<br/>
<br/>
</p>
<p align='center'><font color='#0080ff' style='font-size: 150px'><strong>404</strong></font></p>
<p> </p>
<p align='center'/> <p align='center'><font size='5'>Page Not Found!</font></p>
<p align='center'> <a href='https://www.sebatangkaktus.com'></a> </p>
</div>
<div class='MBT-404-box'>
<p style='line-height: 30px'>
<strong> <font color='#ff0000' size='5'>
Oops!
</font>
<font color='#666666'> Halaman tidak ditemukan, mungkin link rusak atau anda salah ketik alamat </font>
</strong>
</p>
<ol style='line-height: 25px'>
<li>Pergi ke <a href='https://www.sebatangkaktus.com'>Homepage</a> <br/></li>
</ol>
<p>
<br/>
<br/>
<br/>
</p>
<p align='center'><font color='#0080ff' style='font-size: 150px'><strong>404</strong></font></p>
<p> </p>
<p align='center'/> <p align='center'><font size='5'>Page Not Found!</font></p>
<p align='center'> <a href='https://www.sebatangkaktus.com'></a> </p>
</div>
4. Jangan lupa tekan Save atau Simpan Perubahan
5. Anda bisa mencobanya sekarang, dengan cara buka website anda dengan menambahkan halaman yang tidak ada pada blog anda misalnya: www.blogandadisini.blogspot.com/404. Anda bisa mencobanya pada website ini dengan klik https://www.sebatangkaktus.com/cobaerror404.
Demikian tutorial dengan judul Cara Menambahkan Halaman Error 404 pada Blog atau Cara Membuat Halaman Error 404 pada Blog ini dibuat, semoga bermanfaat. Salam.
No comments
Post a Comment