BONEK RUWET COMUNITY

terima kasih buat teman" yang sudah mampir di blog saya

Kamis, 22 November 2012

Source: http://bonekruwetcomunity.blogspot.com/2012/02/cara-membuat-navigasi-breadcrumb-di.html#ixzz2CbHChNOG

Cara Membuat Kostumisasi Halaman 404

Membuat kostumisasi halaman 404 (halaman tidak ditemukan / page not found) adalah salah satu cara untuk memperindah blog kita. Jadi, jika pengunjung mengunjungi blog kita, dan memasukan url secara manual, mungkin saja mereka ada yang salah dalam memasukkan alamat url-nya.
Maksud dari kostumisasi itu sendiri adalah kita mengganti halaman yang tidak ditemukkan atau url yang di masukkan salah. Jadi, menurut saya tidak ada salah-nya untuk mencoba cara ini dalam rangka memberikan sesuatu yang baru kepada pengunjung setia blog sobat.
Gambar di bawah, adalah screenshot untuk halaman 404 yang merupakan halaman bawaan :
Sedangkan, gambar di bawah adalah screenshot pada halaman 404 yang telah di beri sedikit kostumisasi :
Jadi cara ini bisa kita gunakan sebagai salah satu cara untuk mempercatik tampilan blog, walaupun halaman ini hanya akan terlihat apabila ada orang yang salah memasukkan url alias orang kesasar saja. Jika sobat berminat untuk membuat halaman kostumisasi / costumize halaman 404, silahkan ikuti langkah - langkah berikut :
  • Pertama - tama, Masuk ke Rancangan lalu klik Edit HTML,
  • Cari </head> (gunkanan Ctrl + F) kemudian copy paste kode di bawah, tepat di atas kode tersebut.
<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}</style></b:if>

  • Selanjutnya, klik Simpan. 
Setelah langkah - langkah di atas selesai, maka lanjutkan dengan Mengklik Setelan dan Klik Preferensi Penelusuran. Perhatikan Gambar di Bawah :
Lalu, isikan kode/script di bawah pada form Kesalahan dan Pengalihan.

Screenshot Kode/Script di bawah :
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2><h3 style="font-size:17px;">Halaman Yang Sobat Cari, Tidak Ditemukkan...!<br><a href="/">Klik Disini</a> untuk kembali ke Beranda <br> Terima Kasih Atas Kunjungannya...</h3><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVEZN9qg0KT61u8aAFe1vVq1Oa7pLDtIX6TzDwmFV8tWdNuB2t11huz3qoNZlmb5ZjtnKw7ynnZEnzin67T94TVz5TgL4myUDxiXtqHBVgFeScxjNkmJfad6epYTEjATsE7XMz2xq0YHA/s1600/404_1.jpg"/></center>

 Keterangan : 
  • Script berwarna Biru, bisa sobat ganti dengan Kata - kata yang sobat inginkan.
  • Script berwarna Merah, bisa sobat ganti dengan url gambar yang sobat inginkan. Tapi, ingat bahwa url yang dimasukkan harus valid.
Setelah langkah - langkah di atas selesai, silahkan simpan perubahan dan coba sobat test terlebih dahulu dengan cara mengetik namadomainsobat.com/apapunyangtidakada dan lihat hasilnya.

Untuk Download Artikel Klik Gambar

Tidak ada komentar:

Posting Komentar