Blogspot: Cara Mengatasi Error 404 "Page Not Found" di Blog

Blogger.com-Jika Anda entah bagaimana mengetahui tentang Pengaturan Halaman Kustom Tidak Ditemukan di blog blogger Anda maka Anda harus bertanya pada diri sendiri tentang apa itu dan saya yakin Anda ingin tahu tentang opsi ini yang waktu dan untuk sekarang juga. Biarkan saya memberitahumu tentang itu sekarang. Terkadang jika Anda mengunjungi halaman apa pun dari blog Anda yang tidak ada (melalui tautan yang rusak atau kedaluwarsa) maka Anda akan melihat pesan dari blogger bahwa halaman ini tidak ada. Itu terlihat menyeramkan. Bukan begitu Anda dapat memeriksanya dengan menempatkan kata kunci apa pun setelah alamat blog Anda (seperti: yourblogaddress.blogspot.com/404).

Hari ini, artikel ini adalah tentang menyesuaikan bahwa default error Halaman Kustom tidak Ditemukan dan merenovasi dengan penampilan profesional. Jadi mari kita mulai tutorialnya.

Pesan yang Anda lihat secara default seperti gambar di bawah ini:

Membuat Kustom Anda 404 Halaman Tidak Ditemukan di Blogger:

1. Pergi ke Blogger.com > Settings > Search preferences.
2. Klik Edit di samping kanan tulisan Custom page not found.
3. Dalam editor ini cukup ketik pesan Anda yang ingin Anda tampilkan jika pengunjung blog Anda mengunjungi halaman yang rusak atau tidak ada.
   

Anda juga dapat mencoba halaman kesalahan 404 yang indah yang kami terapkan di blog kami:

Lihat Demo Laman Error 404

Untuk melakukannya, Anda hanya perlu menempelkan kode HTML dan CSS berikut di dalam editor itu (langkah nomor 3):

<!-- Blog.Tomatalikuang.Com 404 Error -->

<div class='BB-404-box'>

<center>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuB1bep8kdPFSJXG641CW4cAQ8SXm75LLaA57vmI-vj6Gjn-DA30SpaX-uRgXz9RMjqYUkBJxM1NuEYztNccZBrHmo96QSeaggqEshXxiwRFweOFye7XwPMy4kZrEqOsTgF1yClT18B5II/s1600/404-error-page.png" />

</center>

  <p style='line-height: 30px'><strong>

<font color='#ff0000' size='5'>

Oops!

</font> <font color='#666666'>

Sepertinya Anda mengeklik tautan yang rusak atau Laman yang tidak ada lagi. Silakan lakukan salah satu dari berikut ini:

</font></strong></p>

  <ol style='line-height: 25px'>

    <li><a href='javascript:history.go(-1)'>&#171; Go Back</a> </li>

    <li>Report the Problem to us by <a href='http://www.tomatalikuang.com/contact-us'>Click Here</a>&#160;&#160;&#160; (<em>This will help us serve you even better</em>) </li>

    <li>Go To Homepage by <a href='http://www.tomatalikuang.com'>Click Here</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>&#160;</p>

  <p align='center'/>

  <p align='center'><font size='5'>Page Not Found!</font></p>

</div><div style="text-align: right;">

<span style="font-size: small;">Designed by <a href="https://blog.tomatalikuang.com/" target="_blank">Blog.Tomatalikuang.Com</a></span></div>

</div>

<style type='text/css'>

.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;

}

.BB-404-box {

  background:#FFFFFF;

  width:98%;

  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;

}

</style> 

• Jangan lupa untuk mengganti tautan kuning yang ditandai di atas dengan alamat blog dan halaman kontak Anda.
• Anda juga dapat mengganti teks yang berwarna merah dengan kalimat Anda sendiri.

Itu saja! Simpan Pengaturan dan Anda selesai! Sekarang kunjungi blog Anda melalui tautan apa pun yang tidak ada dan Anda akan melihat laman error 404 yang luar biasa ini.