29 April 2013

Membuat Halaman 404 Pada Blogspot

Do you want to share?

Do you like this story?

Membuat halaman 404Halaman Error 404 adalah halaman yang akan ditampilkan bila halaman yang sebenarnya tidak ditemukan.
Saya yakin diantara sobat yang pernah Googling dengan suatu keyword tertentu dan kadang setelah diklik ternyata halaman yang kita akses telah dihapus oleh Admin/Penulis. Nah cara ini berguna untuk membantu pengunjung yang salah mengakses link / halaman yang ada di blog kita dengan memberikan petunjuk atau saran pada halaman error yang mereka akses.
Tutorial ini saya peroleh dari salah satu sobat indolaron yakni Mas Achmad Muharya.

Secara default jika kita mengakses link blogspot yang salah maka akan keluar info:
  1. Sorry, the page you were looking for in this blog does not exist.atau
  2. Maaf, laman yang Anda cari di blog ini tidak ada.
atau tampilanya kira-kira seperti ini:
Halaman tidak ditemukan
Penasaran seperti apa sih Halaman Error 404 yang saya coba jabarkan?
Silahkan sobat buka Homepage blog masing-masing trus ditambahin kalimat/kata apapun, misal:
http://nama.blogspot.com/ganteng gimana gan hasilnya..?? :p
Nah coba klik http://indolaron.com/pelit dah tahu kan apa maksud dan arti dari postingan kali ini.

Disini ada 2 cara untuk membuat Halaman ERROR 404 yakni dari setelan blog (Preferensi penelusuran) atau dengan modifikasi HTML yang kita masukkan di bagian body blog.

CARA I: - Setelan blog
1. Login ke account blogspot
2. Setelah di Dashboard > Setelan > Preferensi penelusuran > klik edit pada Pesan Khusus untuk Laman Tidak Ditemukan
akan muncul tampilan kotak seperti ini:
pesan khusus

3. Copy kode ini, lalu paste pada kotak Pesan Khusus untuk Laman Tidak Ditemukan
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Maaf Halaman Yang Anda Cari Tidak Di Temukan Atau Sudah di hapus<br><a href="URL Blog">Klik DISINI</a> untuk kembali ke Beranda <br> Have a nice Day...</h3><img src="URL gambar 404"/>
4. Klik Simpan Perubahan
Note:
* URL Blog : ganti dengan link blog atau homepage blog anda
* URL gambar 404: isi dengan link gambar ERROR 404 sesuai selera anda, misal:
- http://1.bp.blogspot.com/-o7XRoddaVl8/UQwhtqzglbI/AAAAAAAACjU/9E5OWKB2NiA/s400/404_not_found.png
- http://2.bp.blogspot.com/-QYjIYZCpiXM/UX_3xVqMSRI/AAAAAAAACzY/mLdxU0B43bQ/s1600/ERROR_404.png 
CARA II: - Modifikasi HTML
1. Login ke account blogspot
2. Setelah masuk di Dashboard lalu pilih Template > Edit HTML
3. Cari kode ini ]]></b:skin>
4. Masukkan kode CSS berikut tepat diatas kode ]]></b:skin>
#error-page {
text-align:center;
background-color:#fff;
position:fixed !important;
position:absolute; /* IE6 Fallback */
top:0px;
right:0px;
bottom:0px;
left:0px;
padding-top:100px;
z-index:99999;
}
5. Sekarang cari kode ini </body>
6. Lalu masukan kode HTML berikut ini diatas kode </body>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/>Oops ! | Error 404</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error-page'>
<h1><img src='URL gambar 404'/><br/>
You Enter a wrong page, please check Your URL once more.<br/>
Please go to <a href='URL Blog' title='Home'>Homepage</a> 
</h1>
</div>
</b:if>
7. Kemudian Simpan template.
Note:
* URL gambar 404: isi dengan link gambar error 404 sesuai selera, misal:
- http://1.bp.blogspot.com/-o7XRoddaVl8/UQwhtqzglbI/AAAAAAAACjU/9E5OWKB2NiA/s400/404_not_found.png
- http://2.bp.blogspot.com/-QYjIYZCpiXM/UX_3xVqMSRI/AAAAAAAACzY/mLdxU0B43bQ/s1600/ERROR_404.png
* URL Blog : ganti dengan link blog atau homepage blog anda
SELAMAT BERKREASI.....

ARTIKEL TERKAIT :

18 komentar :

  1. makasih tricknya mas,
    nanti akan saya coba diblog saya..

    ReplyDelete
  2. @Android
    O.K sobat,silahkan dipraktek-kan kalau berkenan.

    ReplyDelete
  3. trims infonya mas,mau saya cobain dlu ya...

    ReplyDelete
  4. makasih sob infonya,..sudah lama mau buat ini tp lupa trz,... :)

    ReplyDelete
  5. @Didit W
    Iya sobat,saya juga baru sempet share padahal dah lama cara seperti ini dibagi sama sobat blogger yg lain :)

    ReplyDelete
  6. Maaf mau tanya, kenapa di blog saya tidak bekerja ya ?
    pake segala macem cara yg ada diinternet juga tidak muncul juga.

    ReplyDelete
  7. link ane udah dihapus ya sob, padahal ane ga pernah hapus link indolaron :(
    mungkin jika dari homepage blog ane link nya ketutup popup like and folow.. tapi kalo dari tiap postingan bisa terlihat kok :(

    ReplyDelete
  8. makasih atas sharenya...dah sy cb pake di blog....& berhasil...:D

    ReplyDelete
  9. Maaf mau tanya, kenapa di blog saya tidak bekerja ya ?
    pake segala macem cara yg ada diinternet juga tidak muncul juga.
    commentback di www.novaibnu.com

    ReplyDelete
    Replies
    1. Kalo agan dengan teliti menerapkannya PASTI BEKERJA TUTORIAL INI ^:D

      Delete
    2. Betul sekali kata anda sobat... :-d

      Delete
  10. thanks infonya menarik dan bermanfaat
    serta menambah wawasan,terus update gan

    ReplyDelete
    Replies
    1. Siap gan, semampu saya akan update informasi yang kiranya bermanfaat.
      Thanks udah berkunjung dan membaca artikel :-d

      Delete
SILAHKAN TULIS KOMENTAR ANDA, DENGAN CATATAN :
* Komentator "Anonymous" tidak diprioritas-kan, jadi gunakan salah satu Profile untuk respon lebih cepat
* Jika anda tidak memiliki akun Google anda bisa gunakan Name/URL
   - isi Name dengan Nama Anda
   - isi URL dengan link/url profile Facebook Anda atau Twitter Anda atau yang lainnya
* Mohon jangan menyisipkan Link Hidup..!!!
* Please do not insert Live Links ....!!!

Advertisements

Advertisements

 

Membuat Halaman 404 Pada Blogspot Oops ! | Error 404