Nirwana Sitoeking

Membuat Halaman Error 404 di Blogger Dengan CSS3

Posted: 26 Mar 2012 03:17 AM PDT

Error 404 atau pesan Halaman Tidak Ditemukan adalah kode respon HTTP standar yang menunjukkan bahwa klien mampu berkomunikasi dengan server, tetapi server tidak bisa menemukan apa yang diminta." Dengan kata sederhana halaman yang akan ditampilkan bila halaman yang sebenarnya tidak ditemukan Maka akan Muncul Error 404 atau pesan Halaman Tidak Ditemukan. Untuk Contoh klik disini
Bagaimana caranya Membuat Halaman Error 404 di Blogger ? Caranya cukup Mudah silahkan Ikuti petunjuk di bawah ini :

Go To draft.blogger.com › Settings › Search Preferences ( Setelan › Preferensi penelusuran )
Klik link Edit di sebelah : Custom Page Not Found ( Pesan Ubahsuaian untuk Laman Tidak Ditemukan )
Paste kode berikut Ke dalam Kotak Custom Page Not Found tersebut :


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


Oops!
 
Maaf, kami tidak dapat menemukan halaman yang Anda cari. Mungkin telah dihapus, namanya berubah, atau sementara tidak tersedia. Mohon pilih salah satu dari pilihan di bawah ini :

<ol style='line-height: 25px'>
 <li><a href='javascript:history.go(-1)'>« Kembali</a> </li>
 <li>Laporkan Masalah kepada kami, Silahkan <a href='http://nirwana-game.blogspot.com/p/contact-nirwana-sitoeking-for-any.html'>klik disini</a>    (ini akan membantu kami untuk melayani Anda lebih baik) </li>
 <li>Pergi Ke Halaman Depan <a href='http://nirwana-game.blogspot.com/'>klik disini</a>
 </li>
</ol>

 
 
 
404
 

Halaman Tidak Ditemukan!
</div>

Catatan:
- Anda dapat mengedit teks tebal dengan tulisan apapun yang Anda suka
- Ganti Link http://nirwana-game.blogspot.com/p/contact-nirwana-sitoeking-for-any.html dengan link halaman kontak Anda
- Ganti Link http://nirwana-game.blogspot.com dengan link situs Anda
Klik tombol Simpan perubahan, sampai tahap ini Anda baru setengah jalan Membuat Halaman Tidak Ditemukan! atau Error 404
Sekarang pergi ke Template › Edit HTML
Kemudian cari kode berikut ]]></b:skin> Untuk memudahkan pencarian silahkan tekan Ctrl + F.
Masukan kedo CSS di bawah ini tepat di bawah kode tadi yaitu ]]></b:skin>

<b:if cond='data:blog.pageType == "error_page"'>
<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;
}
.Error-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>
</b:if>

Untuk mengubah warna latar belakang kotak edit silahkan ganti kode warna berikut # FFFFFF dengan yang anda inginkan. Untuk lebar width:98%; silahkan sesuaikan dengan template yang anda pakai.
Simpan template Anda
Selesai.