10+ Custom 404 Error Pages Untuk Blogger

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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-oTpBaVkluo3bSJAa8gD9FvHI4vnGxRw0Q_J8ixusLdMkc_mE3AiIMkhoWiIhl__dqeCrAZfg3uZAxDxTPbjfVEkqrouJd2E58wGkOwrbvv0B2kNWpOcGZD1P3nZlrF2qE_KYhW3Bw/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH-OtGPXivbKMA7Tnw1zqOU8khiRw6M0LGW9pxSN3d_5yZ-CSdwb6G9_X6NSH2yuUz39-l5-L6flgeRLfpaWA-beXGJC1HKJ7l8QREACaBya2O5xcYsJtLqJvwxQpFplQsIkvU0yW9OQ/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-mKRfGYvGbzhHAje37RMgtiS0LgN4g8qWLXrBqBFDadMeZGwVEyoXGbFiUxoWnTdvD0Lpurm9xbY5Qm-d0VtGJHM7dd8dCgpxMPywoF0TU30vfGAEew1LBATg9lcTkw_0yWDrtooIow/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio9DENx8ZrxXK-A3sDpUHoQH0QP07qvMOL6OypWAGB1eRkPFGN5IRhfiKnawxC4raJ-4Jwi2U7ATBAp39IFCNEPKFYVj7ypYHstzeQorkm35xHV-jZ6fdY_MJNTJS2xyE430qXAjuj_g/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5FpTl6iNBs4kykuUtCEzGxBH8fb-neupKnNKPVPAMd_iE61MQxHFoDA45P6131lroSkyipCEAsy5GVbxaoJeenbXPdwCobcy_YtMb0dD1BLAjiRWzF79FRGILT4M8ir0SOOkImf7JeA/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwBEZU9FxwDf3fFFuoVQZzzt2jYZ_2GXh-TCZDYdvKZxeyUVRWqFci-AqdbskfvMAkg1MLQIwhJ3w7kDpPU2gPgHQ161SDYGV1xy_3wdy7SoCQLRnXPGkoIHOZD19Z157j0wJRbndEOw/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-kTzE4JR-JHkkOlx7D_TBMNAq5zNMI-1CcbdMTyOK7oLWWgpsGqfjdhfKgdzhpMPsGMaarTSg3cjVIHkxOuKrs9886avpiJ55UHCAw3KHdkgE88SSUKAL6d5en0gqDMHquOx0ISzJLw/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhANn2I1R6YmcjmBNEu5NW6IXoNjtIjXn06sTENUzrX3o5mmmq3HsqS0oQCMA5xc-uBdZnE1g5e7WTDeWbZFugldWHRcH8UFEeyEU43kLBRcrJcPEFXyEMz18Yno9DqXOWSCTzd1sb1uw/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVbQs_PFFcZZwmbKQ-osq5cOVTMcFNPkRpEk7AULrCIQP2a2ECdFSY-UcPI2uAu7IPdOgcanDcRodoNsY0qJnCfB32RbLEjQTROXYO0bEGOIITxwD0QHWxV6FMN78BPV9Kb9Q23Reh1w/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifmZ1rAmsoeFD9yKAUUrApqLXxRI3x4GOftNwkRZWAgWOqJtzzKA9ueGgscEdAB5ySJ09i8RuwmNaHBT48A4-MhaKsWX30hJFjsGRyiVAEqW5yc6OIpP5Bsoah6KRZmzQCEqM27rL1aA/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA1ZRp-WjBW-g97f-n4YxnP4sGTOV8Df9My1afNy6ARmN1QvHKcezXgh6d_jgrUurESuZ0zotif_bJXj-ZdMMiUyZ9IqdD0Xqo2SBicRWRBYzgzHlO68-7nphovgDhLGFTwott_OkyUg/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqDMz42wDpmz_k9TesMNNjXBLqt7pLnXBPs5c4ZogKmkrk0nXYm52L4cchDUM713mSGpFV2Dto810h0shZEYDMasheIa5J2J8QvCzGglYE3Br_SNQCOhB14eL1v9fB7w4pvYDhoNa9hQ/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.