Sebelumnya Oto Website pernah membahas Membuat 404 Error Page di Blogger, dan untuk kali ini Oto Website akan membahas 10+ Custom 404 Error Pages Untuk Blogger.
Fitur 404 error page ini sebenarnya sudah lumayan lama di terbitkan oleh Blogger Pencarian Preferensi pilihan untuk blog blogger. Dengan diperkenalkannya preferensi pencarian terbaru mereka memperkenalkan " Kesalahan Dan Pengalihan "di sederhana kita dapat mengatakan" Error 404 "Ini adalah fitur besar blogger yang akan membantu Anda untuk menetapkan Halaman Error 404 kustom.
Jadi saya memberikan beberapa sampel dari 404 halaman Kesalahan Anda dapat menggunakannya atau Anda dapat menambahkan pengaturan Anda sebelum menambahkan kesalahan 404 custom template yang Anda harus menonaktifkan pesan default oleh 404 blogger.

Dengan Default, halaman Anda Kesalahan Blogger akan menampilkan pesan kesalahan


Jika Anda ingin menambahkan pesan khusus maka anda harus menonaktifkan pesan default di atas.
Untuk menonaktifkan pesan tersebut dengan status default ikuti instruksi di bawah ini:

1. Pergi ke draft.blogger.com.
2. Pada Dasbor klick Template ➨ Edit HTML.
3. Tambahkan kode berikut tepat di atas tag </head> (Bila kesulitan mencarinya klick DISINI.)

<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>

4. Simpan template.

Anda telah berhasil menonaktifkan pesan default, dan sekarang ikuti langkah selanjutnya untuk membuat Custom 404 Error Pages.


Error 404 Template Kustom


Di sini kita berbagi beberapa koleksi Custom 404 Error Pages template yang keren yang dikumpulkan oleh  Wanti . Anda juga dapat mengedit kode dan mengubahnya sebagai halaman.Anda dapat menggunakan HTML Editor untuk melihat live preview dari perubahan Anda.

  • Sekarang pergi ke Setting.➨ Preferensi penelusuran.
  • Selanjutnya Anda klick Edit di samping Pesan Khusus untuk Laman Tidak Ditemukan.
  • Pilih salah satu 404 template di bawah.
  • Copy kode dan paste di kotak textarea dan simpan.


Error Page Template 1



<style type="text/css" >
body {background:white url('http://3.bp.blogspot.com/-x-5lMfwPKvc/UBU9eGEV5zI/AAAAAAAAFMQ/XxDJT4-BfWE/s1600/ow1.png')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>


Error Page Template 2



<style type="text/css" >
body {background:white url('http://1.bp.blogspot.com/-wzEMILq5TEE/UBU9gMtvceI/AAAAAAAAFMY/OTcViw20T0M/s1600/ow10.jpg')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>


Error Page Template 3



<style type="text/css" >
body {background:white url('http://1.bp.blogspot.com/-W4wJ8BUEZ58/UBU9iW3wtjI/AAAAAAAAFMg/8KYZ4I6mD0c/s1600/ow11.png')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>


Error Page Template 4



<style type="text/css" >
body {background:white url('http://4.bp.blogspot.com/-i4DUshLezvU/UBU9lvT_MkI/AAAAAAAAFMo/RvDJyn7GjLU/s1600/ow12.png')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>


Error Page Template 5



<style type="text/css" >
body {background:white url('http://3.bp.blogspot.com/-nyuj8k11d5I/UBU9nRLsEvI/AAAAAAAAFMw/IYB2NiRegek/s1600/ow2.jpg')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>


Error Page Template 6



<style type="text/css" >
body {background:white url('http://3.bp.blogspot.com/-O5qHUkSBBGA/UBU9onv0DRI/AAAAAAAAFM4/_7cyU_Tjwlg/s1600/ow3.jpg')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>


Error Page Template 7



<style type="text/css" >
body {background:white url('http://4.bp.blogspot.com/-6IknmtUNJa4/UBU9pyNy8jI/AAAAAAAAFNA/0uVAxZdWp1o/s1600/ow4.jpg')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>


Error Page Template 8



<style type="text/css" >
body {background:white url('http://2.bp.blogspot.com/-6-trA7ynsh4/UBU9rWeR-nI/AAAAAAAAFNI/5c55ekNZ3lY/s1600/ow5.jpg')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>


Error Page Template 9



<style type="text/css" >
body {background:white url('http://2.bp.blogspot.com/-W4679zFK6TA/UBU9u7fg_8I/AAAAAAAAFNQ/hCcUef0KSA4/s1600/ow6.png')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>


Error Page Template 10



<style type="text/css" >
body {background:white url('http://3.bp.blogspot.com/-uDLF11pTRWA/UBU96pVcbyI/AAAAAAAAFNY/i2pMvbe82LU/s1600/ow7.png')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>


Error Page Template 11



<style type="text/css" >
body {background:white url('http://3.bp.blogspot.com/-Nhq3ihfMKcU/UBU998LbgeI/AAAAAAAAFNg/r7ylpAflaSI/s1600/ow8.png')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>


Error Page Template 12



<style type="text/css" >
body {background:white url('http://2.bp.blogspot.com/-ihixK7TuyKA/UBU-BxtBkMI/AAAAAAAAFNo/qOh7UdHyhVU/s1600/ow9.png')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>

Sekarang Anda bisa melihat hasilnya, coba anda ketik url pada pada blog Anda yang tidak ada.

Jika Anda mengalami kesulitan dalam penerapan article di atas jangan sungkan untuk bertanya, karna saya ada disini.

Poskan Komentar Blogger Disqus

  1. ha ha ha saya lebih memilih template yang ada gambar kucing dalam cpu :)

    BalasHapus
  2. mohon infonya om mimin

    "Sekarang pergi ke Setting.➨ Preferensi penelusuran.
    Selanjutnya Anda klick Edit di samping Pesan Khusus untuk Laman Tidak Ditemukan."

    saya tidak tahu letaknya.. bisa dibuatkan gambarnya biar jelas..

    BalasHapus
  3. @AdminUntuk melihat langkah tersebut bisa Anda lihat petunjuk gambar pada artike http://otowebsite.blogspot.com/2012/07/membuat-404-error-page-di-blogger.html :Q

    BalasHapus
Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top