2012/05/17

Menciptakan Halaman Error 404 - Menggunakan Tag Kondsional

Menciptakan Halaman Error 404 - Menggunakan Tag Kondsional -

404
Sebenarnya di blogspot sendiri sudah tersedia fitur untuk kustomisasi untuk halaman yang tidak ditemukan, namun hal ini menurut saya sangat tidak efektif. istilahnya : pesan kesalahan yang ingin Anda sampaikan tidak akan pernah tersampaikan dengan benar. Kenapa? Karena tujuan utama kita menampilkan halaman 404 adalah untuk memberitahukan pengunjung bahwa di website atau blog kita tidak ada halaman yang sedang di cari. Sedangkan halaman 404 yang di sediakan oleh blogger.com atau dengan tag kondisional menampilkan banyak hal yang sebenarnya tidak perlu di tampilkan dan malah (menurut saya) akan lebih membingungkan dengan ditampilkannya begitu banyak informasi yang tidak perlu itu.

Dari sini saya mencoba mencari solusi untuk membuat halaman 404 (laman tidak ditemukan/error404) menjadi simpel dan ringkas. Dan yang lebih penting lagi, informasi yang ingin kita sampaikan benar-benar di mengerti.
error 404
Cara berikut ini adalah yang paling sederhana yang bisa kita lakukan dengan memanfaatkan tag kondisioanl yang ada di blogger.

<body>
 <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
   ...
   ...
   Daerah ini berisi bagian-bagian utama dalam sebuah blog seperti posting, widget, sidebar dan yang lainnya.
   Daerah ini akan diabaikan karena kita berada di dalam kondisi false.
   ...
   ...
 </b:if>
 <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  <div id='error-page'>
   <h1>Tuliskan sesuatu di sini. Bagian ini hanya akan tampil jika halaman yang dicari tidak ditemukan.</h1>
  </div>
 </b:if>
</body>
Setelah itu mungkin kamu akan perlu untuk menambahkan kode CSS seperti berikut :

#error-page {
  text-align:center;
  background-color:#900;
  position:fixed !important;
  position:absolute; /* IE6 Fallback */
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  padding-top:100px;
  z-index:99999;
}
lihat demo nya dengan mengeklik halaman error 404 berikut:

http://www.idlohulhaq.com/abcdefghijklmnopqrstuvwxyz.html

update : untuk menambahkan lagu/musik di halaman error page seperti contoh bisa dengan memasukkan baris kode diantara tag <div id="error-page"> dan </div> yang berwarna merah.

Selamat Mencoba, semoga bisa membantu permasalahan umum yang sering kita keluhkan ini :)

link keartikel ini:
http://www.idlohulhaq.com/2012/05/menciptakan-halaman-error-404-dengan.html

Jika masih ada yang belum jelas silahkan di tanyakan di page idlohuhaqDOTcom atau berikan komentar di bawah ini :)
Hope you like my post!! then recommend this..