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.
0 comments:
Post a Comment