With Blogger introducing the option for Custom 404 Page for blogs recently, its been a much welcomed feature.
A separate page type has also been created to give more control over these 404 pages. This feature is only available for New Blogger Interface nearly marking the end of the Old Interface (Its being officially shelved on 1st April ). Firstly we will be discussing how to use this feature followed by the collection of 30 witty 404 pages designs. Steps for using these awesome designs on your blog
1. Go to Settings > Search Preferences
2. Under Errors and redirections , Edit the Custom Page Not Found option
3. Now copy the specific code under the images below and then paste it there
Tip: Make sure give your 404 page a witty title as well. Blogger has introduced a new page type specially for the 404 pages known as the Error Page
Go to Template > Edit HTML and paste the following code just after the <head> tag
<b:if cond='data:blog.pageType == "error_page"'>
<title>You've ripped a hole in the fabric of the internet. </title>
</b:if>
Feel free to change the title as per your wish
Collection
1.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfNJZp7G6VMvSCwfwi6l-KASRvgTmk1Z1HsadIGfpAssRGmFTz6ENlF3nnwJhR547tn0cnbg85FJp-Dm2D-saglSKmbGWDMFTMZxQSeMiIcZwuukbCsEJ_WrmVoZDEff93k8FxFBXNLmg/s1600/1.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>
2.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-v6SkGtnJ88ddi6vs75L82CKIYAji1IvfgA5KVwimQMRFCNewgZxNHyIvmB0CkFirK8Ph7UEglo5YI_JWIsI1WZ_4wWZexqNVnqTL_Qvio5_JThwnIy39LgUdmuVBnh1nbh2f8UkPDfgT/s1600/10.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>
3.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBbnXm5r3lVBrB7zzHqRaGTI3ce7vGYt3AETzl8gcOSIbxEAaNOKNFbDU9Vn_gSz7DQG9aZZafGk5dcGmS5AC3Kdncd9XmcM5WmUTiR-MVBM92x_CGAKPUWJjfeiKiazMeD0OWAeSsLoxU/s1600/404.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>
4.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMP3s6sgv4P9EAOlJ3tUB8e4O6Zd0jKXwklAZw3xmDGcyVW4eAXPxdPwZiH4AnaVuoUg9EfNCrciKdcoboF84p06_1DDQ-dZTwkgH_wRRLTJyucvxOX_DcIZmG_AmU2vgHK0PUBQTNl_XR/s1600/11.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>
5.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsAvgJ4g5C2xRtTWXasyBn671rxQIOVNaWptrBywZejnB5hjm6i3W4SLUnUdypbDGGIwbt2uNiqgw78eB0Zksj1NEgn3FYD9kcidmGtDkiO3C8rVOk_eIsag36Jeu4a3L7ha5B6ab_uBq-/s1600/12.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>
6.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL_4_s0g4FvJDyLg19Fd7bWPZS2BBzr1pCJ8tm3EHFLSyWvXeRKgcucguwOrQ3kPxH8UYs2mmwDkw7snbWpc3KgS35GmHi651EG2Bc6PIKcz-L95wP1eqtdNIvH_ugWnH-9I6KbGmmU005/s1600/13.gif') 50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>
7.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTP9ylGGTk6U6Ply8Zpj3qpUqS9-Va-3JBJUhIgJNjYsJouERsdRghcdQNqnD0awsScvZzcDPlsEyKVQcEgW3x_RTkplQ0swyxLHC3yRYmX_jFd6Val73YudtHhTu13degtCCJj2jeYwzM/s1600/14.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>
8.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2tyehatHd5-b_-G1s_9UESx0F4_RkXLrIeKQDYlrtK38BK6TfW0WRZ7JEFLtJ3hu6pEu75SSwH1IcV7n6g6T3ZOX5mfwgj42HaG2g08YLF3bsGubS8-mbGJqLlQN2-DUq2CkLMj8gu70j/s1600/15.gif') 50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>
9.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqFGT39vjNhAiyrik3ggi_u5Gfl7zJ8QuDtEoRxAauUR31gLQkyeGw1urirFFZN0Vh3ypqfXkH3WqSEunmXIOfnTVcnd0fvsSWY4rnexz0WcY6g6cKr43mmHO-MQkCRw5hL4cLhBX2eRaF/s1600/16.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>
10.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi10kqQp4F6HFQA_Icq9c3otphS2De2lGUAi0su0NQpz_T-weuhlRyh86pa1jcJDE2IDf7ab9ir3NaUa_AQAhACiD6oAHRBWnv_cSx49xVYMY65d4WQxdCzcYecsyiw3AKBZ0nu3W7IMdEi/s1600/17.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>
11.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTVVQFANvlEzgwHY89bJeZwgAOqxf8HaGSnDYVHNm5cQrvGzJJ8iG10mqHWrQ7weZXxavboYkFP_Ruy559-DuyvgY6SBeM0SJrFv-jL7XcqaloGLZeo9_CrbZ5clrBm35XPW-w3aTlmZ8J/s1600/18.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>
12.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6-pXqIwKZk31z__h1LtPq1Ujc53DKm0c9QxR6IEzqZMLPxC2Vw5UOGEFR9heg8wh9mc4ob9x_rXR61XlbIpXQdqGpfNvOgkqcRZ0RUtqHnFz35K1EA9rlDKIteANYbxqbLE_q-5n6F78w/s1600/19.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>
13.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfkjm8CFQMH849FOFcFNP24k29fSu9cfAO0mEs-0WRMd0-aOBZ1lF0G2WROvqGmGOYx0O-5jeopNAdTYzY9FffIcYoLULJ_MFktzjc94eAR0uvQsrs9SRIY8y3DE_8qe3OzFmhYvVSrU76/s1600/2.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>
14.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG2Td3Slfh95Eodz5tVbFkvCzMgAy6DfjHYXMli6W6Fig42-yZ97WBQmYUtsiZjFbmgal1KtX8H-x_NNPigH2XGG6_Nq6SMOlShYPsMOf89tml8c65jTl9Zem92HQHNBPccRmWnWGNWVEc/s1600/20.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>
15.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL8vGk6gKHptobIBrD_tcphKaroDmkfxyjo5mgXKaedRQfqNxUe1eep73dC6P16hy5yUElO0_18u7XShhr4jAkjtxcR3Ajfhb0pSh1Zmxedfd-DwG9ZR-10Mc2uco_LynpTVajIgvYlkl4/s1600/21.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>
16.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMyQsyjDYmQ4yZEy5uQLaf0dMmH7p_2-9Vu9FlAB2UOxcaVcJ_4rKTYCuJiMv7wC8Rn_tNS4y6qM3Ase3aCihCvWjCZQo4imFaq6CKTZbKt1RanZZM5aToxQ4W2FYiSfg9ZDeVoS6DalvH/s1600/22.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>
17.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg04n_FU5Rci_HmB8f2vbhvnO06-3sYQw-_mnBxIQr-z8jkvib9YGbqJfFMOy-ynO9nWx-_4prIRVgCeZCYmPUXFjyFLniF-zUWj6QiCJCv-5Ac3rwffra2114ERqfVd5EOJ67bcAI31ekq/s1600/23.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>
18.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgueBqQJELumwZvd24ogJhJoA06PmYsQstXSEfaklln4va2vEXN1gZH6y7ZhR87spuLmTcqGCBxdf-3gFY_FDu7Y0taZkOEE4zQEvQqiy6w7qeuuqQc0OYlra7mFpF3cvQkrGfSUgkCho-6/s1600/24.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>
19.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2igYSD0bjFm5ZrKpAlRfBOloByG4BEO4O6JVwgBTAz4-N-9RJvaxjnFdrexj9OKjXSbO_xGuZ3XnI60O15ZW5H1JfiepZa6kfJLWlezFrhdZns6U5AX1s7KOe-HbtZSG3x2S56nRsrGfk/s1600/25.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>
20.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmJN3JYrvC2vF35mHCRUANRzHLbgP92wVG4o8sdPHGUnW1vNtwTbPYkPvLzxsAZiyCZdmaRovA2Iw9glsCKgOcZiaGVW8uz2Jb1VJFsH1ZAhYoIh_bScXALF82B5quUQVetOBzMeWwxWpt/s1600/26.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>
21.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ksFuvCDVFuJdFkiHxLCd6apUHy5tZUu-j2kQCZONorwkxGXAXZF6RT19gg-2y00O8slWs7em2KezTlLk3WQ-t-33HjOJQLCnHbrMzmjH4-VmldTCiSAVmwA-HLSvegVzFnp6qU96eMZr/s1600/27.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>
22.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghNBkxu1W132Ji0NNSWHDSpx3OxC-uuovQfMQ2Srj8ItSeqMuNjCfweV5gxikTg2F0X41-NqChorXEGHm46G_VZvzpAqJn2Kb6LYqJ_rTXegG4yDiUadlQUO1gUVbP4fjbQ8Vw1j_0caRr/s1600/28.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>
23.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5_LslfzPiCX8MOuYnupjGam0owMLtXn6TSBq7RdCvdCI_hx-dx7PRsjNNFSQwHzIscXqKnP8zdGWeotrv3mghfKE_lMKdAWhC48AK-0Jy3DqPP4TxSsyLCTO6U6c-ZWr351G5K6FjMjOp/s1600/29.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>
24.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGonZCtM9l580KqVrnGeWGitvGTsHZN6kEBfRwqmrC0wce5ajgkXZWk1dbOz2th4u1SrhLqJ0nwzWYwKBDmqQuusOJAYl8NpYT8q2-9Nchw-y3pfEdPELwnpzIiu6kzdafycz8qzd5NMf/s1600/3.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>
25.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimqIRaK2BlP3_4yHDGofIw5jtjbd4cbZjXC0EO4CGa0EEdxzQcbJILkFZcUMF9JYLgwSNU63EvqDDQzgdaCoMXtq9wyZm4KfO3g-MVHD1OYbCsURYhtcgIqTuHytGa_dwyjlUC3PUO0-oY/s1600/4.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>
26.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqBP5tvSVWZotZRr2Jh0mJcI92x9aHeBd0ef19bMeh5efP_N3BA-8sZ1Uzx-GhXyN_38ttPjKPvgn6n4l07ivXBvocv9GGbT7veqJk0LguImwLnAJ1k7FXPp6BEYdmD4Lc72jTNo09IOWW/s1600/5.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>
27.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHqXKf_E3O31hO1Ml-LKhWsHsBr1HYUb3ZJ6J3Gjxb2zSZw2NB6t8a87h4GOcOvSomc76CcRUSLbFP-A5SbKGS797nWj_rW9bwf6XMl0Bg94Q_9vKek6Wesznwt_hniA1E8vgwGFqvXLgS/s1600/6.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>
28.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2CyAyhCOPqddOvfsDrK9RhrKqmCh42By34IojZgXQOzcWyr82JPp-0zuL3r09eE9zdnOR7cexeJ7k8-1su8OitEoRKTF-3RMAwlIjK_Q5t6FvThT6eBwFnVe3cXPktJHYzzg8e4StnNwZ/s1600/7.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>
29.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9VScXiAoP16xBtLpI4tYEFPyBh3RWpvl7EwK2WpFktkyCdYXu8X1eBc525xz1u52rYpwXkQYFBHVd43sgxuhMyCU81WCrUFj4H0e2-3AXELGiE4atX232IxaI4FAYPBM26GX3aB_bcybR/s1600/8.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>
30.

Code:
<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPymGWWD4O4PSL_rxuGtFaEX0zFxIEjeNVcJZJ_og87t1stT2pZIEzSXMVFyNxhaQiTAlwNQz2saJWdl1u0rhQLOr2eKo8uIIaozdSfXwN9UmWTdJllST3k9AeMBxPvTSc3AixYrpJD-ae/s1600/9.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>
Do remember to check the 404 page of SYB and share any other 404 design of your liking via the comments below.