Cara Membuat Halaman 404 Eror Blogger

Bismillahirohmanirrohim, selamat siang sahabat tugaselesai. bertemu lagi dengan admin yang akan kembali memposting artikel di siang hari ini masi seputar blogger. Jika sahabat pernah menghapus sebuah postingan atau artikel di blog anda yang kemudian pengunjung mengunjungi situs itu, maka aka nada tampilan eror ketika di buka. Cara membuat halaman 404 eror di blogger ini berguna untuk menampilkan pesan eror ketika seorang pengunjung mengunjungi halaman situs yang telah kita hapus atau memang yang tidak ada. Selain pengaturan ini seo juga pastinya akan lebih mempercantik tampilan blog kita dari pada hanya sebuah tulisan saja.

LIVE DEMO

Cara Membuat Halaman 404 Eror Blogger

• Pergi ke menu dashboard di blogger lalu Setting > Search Preferences atau dalam bahasa indonesianya Preferensi penelusuran
• Di menu kesalahan dan pengalihan, kita akan menambahkan pesan khusus untuk halaman yang tidak di temukan
  
• Disini kita akan memasukkan kode html dalam pesan pengalihan ini, copy paste kode di bawah in

<!-- MBW 404 Page -->
<div class='MBW-404-box'>
  <p style='line-height: 1.6em'><strong>
<font color='red' size='6'>
Oops!!!
</font> <font color='#666666'>
 <!-- tugaselesai.com -->
Looks like you are trying to access page that does not exist or has been deleted. Please do any of the followings:
</font></strong></p>
  <ol style='line-height: 25px'>
    <li><a href='javascript:history.go(-1)'>&#171; Go Back</a> </li>
    <li>Report the Problem By <a href='http://www.tugaselesai.com/p/blog-page_8730.html'>Clicking Here</a>&#160;&#160;&#160; (<i>This will help us serve you better</i>) </li>
    <li>Go To Homepage by <a href='http://www.tugaselesai.com'>Clicking Here</a>
      <br/></li>
  </ol>
  <p><br><br></p><p align='center'><font color='#159b24' style='font-size: 135px'><strong>404</strong></font></p>
  <p align='center'><font size='5'>Error Page Not Found</font></p>
</div>

1. Seperti biasa, silahkan edit bagian-bagian yang di beri warna seperti:
   http://www.tugaselesai.com/p/blog-page_8730.html menjadi sarana halaman untuk melaporkan keluhan pengunjung kepada admin, pastikan memang anda sudah membuat halaman contact yang memang benar-benar bekerja.
2. http://www.tugaselesai.com ganti dengan alamat situs anda.
3. Dan yang terakhir adalah #159b24 untuk merubah warna 404 eror

• Silahkan klik save.
• Sebenarnya sampai di sini sudah bisa , tapi kode di atas akan menjadi acak tidak seperti perintah asli htmlnya. tapi agar kode html di atas berjalan dengan sebagaimana mestinya alias tersusun rapi, kita perlu menambahkan beberapa kode lagi. 
• Silahkan ke menu template > edit html
• Cari kode ]]></b:skin> dan pastekan kode ini di bawahnya

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<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;
}
.MBW-404-box {
  background:#FFFFFF;
  width:96%;
  margin:10px 0px;
  padding:15px 15px;
  border:1px solid #b9b6b6;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  box-shadow: 6px 6px 6px #e3e3e3;
}
</style>
</b:if>

1. Kode seperti #FFFFFF rubah untuk mengganti background
2. Dan #b9b6b6 untuk mengganti warna garis

• Klik simpan.

Nah sekarang kita akan mencobanya dengan menambahkan sesuatu seperti AAA setelah alamat situs kita seperti
http://www.alamatsitusanda.com/AAA

Semoga artikel ini berguna untuk sahabat tugaselesai. wasalam

Cara Membuat Halaman 404 Eror Blogger