How to create custom 404 error (page not found error) page for blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiNZklrOal2WKPSn1EtmWUW4vsq6TwZfUax21uJwkWA__23gRui07YQRI6o_tb1UUs1JihsmP-Bfm6-Rd1a4W1cEG_54Y-TON5WQdTCc8FbexhaPgJ5Rrr0sX32-YwjCE-pw9bWsMKbQGd/s1600/404+error.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiNZklrOal2WKPSn1EtmWUW4vsq6TwZfUax21uJwkWA__23gRui07YQRI6o_tb1UUs1JihsmP-Bfm6-Rd1a4W1cEG_54Y-TON5WQdTCc8FbexhaPgJ5Rrr0sX32-YwjCE-pw9bWsMKbQGd/s400/404+error.png" width="400" /></a></div> <h2 style="text-align: left;"> </h2> <h2 style="text-align: left;"> What is 404 Error (page not found error) <span style="font-size: xx-small;">According to wikipedia</span>?</h2> <br /> The <b>404 or Not Found error message</b> is a HTTP standard response code indicating that the client was able to communicate with the server, but the server could not find what was requested.<br /> <br /> The web site hosting server will typically generate a "<b>404 Not Found</b>" web page when a user attempts to follow a broken or dead link; hence the <b>404 error</b> is one of the most recognizable errors users can find on the web.<br /> <br /> A <b>404 error</b> should not be confused with "server not found" or similar errors, in which a connection to the destination server could not be made at all. A <b>404 error</b> indicates that the requested resource may be available again in the future; however, the fact does not guarantee the same content.<br /> <div> <br /></div> <div> <br /></div> <h2 style="text-align: left;"> How To design Your Own 404 error (Page not found error) Page :</h2> <div> <i>In Blogger you can your <b>404 error page</b> easily just follow the steps given below:</i></div> <div> <br /></div> <div> <br /></div> <span style="font-family: inherit;">1.Login to Blogger Dashboard<br /><br />2.Go to Settings -> Search Preference<br /> </span><span style="font-family: inherit;">3.Click on the 'Edit' link on Custom page Not Found</span><br /> <span style="font-family: inherit;"><br /></span> <span style="font-family: inherit;">4.Now Design Your custom <b>404 error page</b> by using HTML & CSS. </span><br /> <span style="font-family: inherit;"><br /></span> <br /> <hr /> <span style="font-family: inherit;"><i>Don't know about designing page in HTML and CSS. Don't Worry here is a ready-made code for you just paste this code :</i></span><br /> <span style="font-family: inherit;"><br /></span> <br /> <br /> <blockquote class="tr_bq"> <style type="text/css"> #error-404 { border: 20px solid #1B1B1B; border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 auto 40px; text-align: center; transition: all 0.8s ease 0s; width: 240px; } #error-404:hover { border-color: #333; } #error-404 span { color: #FA4C29; font-size: 100px; font-weight: bold; line-height: 240px; } .large-heading { font-size: 48px; line-height: 1.2em; } .light-heading { font-weight: 400; } .status-msg-bg { background-color: transparent; } .sidebar-wrapper, .page-header { display: none; } .main-wrapper { margin-right: 0; } .outer-wrapper { min-height: 0; } .status-msg-border { border: 0 none; } </style> <div id="error-404"> <span>404</span><br /> </div> <h1 class="large-heading" style="text-align: center;">Page not found.</h1> <h2 class="light-heading" style="text-align: center;">Sorry, the page you were looking for in this blog does not exist..</h2></blockquote> <div> <br /></div> <hr /> <br /> <div style="text-align: left;"> <span style="font-family: inherit;">5.Click on 'Save Changes'</span><br /> <span style="font-family: inherit;"><br /></span> <span style="font-family: inherit;">6.You Are Done.</span></div> <br /> <br /> <br /> <div> <br /></div> </div> <br /> <script type="text/javascript"> ch_fluidH = 1; ch_nump = "3"; ch_client = "pretoproblogger"; ch_width = 600; ch_height = "auto"; ch_type = "mpu"; ch_sid = "Chitika Default"; ch_color_site_link = "000000"; ch_color_title = "000000"; ch_color_border = "FFFFFF"; ch_color_text = "000000"; ch_color_bg = "FFFFFF"; </script> <script src="http://scripts.chitika.net/eminimalls/amm.js" type="text/javascript"> </script></div>

How to create custom 404 error (page not found error) page for blogger

What is 404 Error (page not found error) According to wikipedia ? The 404 or Not Found error message is a HTTP standard response c...

Read more »