10 Best Custom 404 Pages for Blogger

Blogger is one of the most used Blogging platform and is constantly introducing new features, Some time back Blogger introduced a Separate page for 404 error. This feature is only for new blogger interface and you can set a custom 404 error page for your blog according to your choice. Below are 10 Best Custom 404 Pages for Blogger and today I'll also show you How to Use them on your Blog.

How to Use them on Your Blogger Blog.

Step 1: From Blogger Dashboard, Go to Settings > Search Preferences.

Step 2: Under Errors and Redirections, Edit the Custom Page not found.

Step 3: Now copy the code give below the 404 designs (Scroll down) and paste it there.

Step 4: Now Save and Done!!!

Here are Some Cool 404 Error Page Designs.

1) Oops!

<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilOdW3Qq9GFD4aR6THxWyTk5agbC2DN46eHqhaQzLGOJcERRxcH0uijJC-8bhGcPm-NGkKfY355svlOEYeFnT3w9GltwW_ZE5TXeM1-limqXapor8g-klJcIfPxRioX22zEHqO8MyvYS8/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) You've Burned a Hole in the Internet!

<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRBFpzttM-gfYc-WiJQZ8TifYebg-yoR_KmBqTQTiJUId4Bj8Xy5w9crXft_CaaGukPE805YzvEEx9UPfQG5J8y-TUgn5pabpMlDdFFJRgfmdvb3Q2uaEEPssTTM4OQ5ZGCodgohnVlGaD/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>

3) Page cannot be Found

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

4) Error 404

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

5)  404 Error

<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMvvKWrcfxGmRraflM4MIzAYmHWTFdRVVONSJhQGJ7KOn_NhOrc-D-M2zC1Akpe-50ce40QY3bbX08M5xTMmNxdbWAFFpuqWxZNK0pJwsMiDo8BGIM_Dpuqoe5BMwLZNw4DmI-amkRASnK/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>

6) Bang! Page Not Found

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

7) We've Looked Everywhere

<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhVaW4ukLvFh0F_dK-GdulTx2X4Tge9lLQrF3s91zPDsn7o_z4TXk6-9q7p8bBUUPVFXr2aRwadIoE4jt8Oz_v3kRT3M27PAEX-3RcfO-6Suu9WV0bogXPyTYOHQPke0tzGEkdyUI4v5KK/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>

8) 202+202 = 404

<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUPR4tFO4hadTUTcLL3YnRw1HNfiI6yt5RKPoirHlbQAbwGlGLBViyNM4fxuAWji7LU-mbvtDtt-x8lPH2Tsuaq0pNzCh443THaeOVipHnJSiewlUyTg0IGitJcgH69KnVMczcve-8Z4Eo/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>

9) We're sorry

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

10) Page cannot be found

<style type="text/css" >
body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjHUJ2a0hDE-92tY2MbxQMfHReoW1WFBTXQ6xt5DbZPsSA7jd4YgYH2MoK-XSPcBg2lIesuUBvVhzAVAFonq-8pF7n3tqpW0bdiI4ZHkV8eMMujAUQiGCqdx-xQayXWThXWwXEWgpzp3ZF/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>

I hope you guys liked these 404 error page designs, Let me know with your comments and Please share this post as much as you can.

SHARE

About Jimmie Luthra

Jimmie Luthra is a Mariner, Tech enthusiast, Blogger and Gadget reviewer. He is fond of technology and is usually found playing with some piece of tech. He is also a Guitarist, Music lover & fitness freak.