Add Custom Error Page (Page Not Found) in Blogger

What is Error 404 Page ?

This page appears only

1. When a reader reaches to a page that does not exist or

2. Reader type wrong permalink for a post or page. This type of link is known as broken link or Custom Page Not Found or (Error 404 Page).


Also Read: How to Remove "Powered By Blogger" Attribution from Blogger

How to Add Custom Error Page (Page Not Found) to Blogger

Now you can create a Custom Error 404 Page (Page Not Found) for Blogger blog. This error page design i'm giving you is an idea only (which i use in my blogs). This error page gives the users message that page is not found or currently unavailable. It also has a link to Homepage of the blog and a Search box for users to search within your site. You can create a custom error page as per your blog design and creativity. 

Follow these steps to apply this error page on your blog or website.

1. Blogger Dashboard >> Select Blog >> Select Settings tab >> Search Preferences
2. Now under Error and redirections you can find Custom Page Not Found. Next to this there is an Edit option. Now click on this.
3. Next a box comes up and paste following given code

<h3>Your requested page was not found</h3>
<p>Sorry, we cannot find the page that you are looking for. It might have been removed, had its name changed, or is temporarily unavailable.<br/>
Please check that the Web site address is spelled correctly.</p>
<b>Other things to try:</b><br/>
<ul>
<li>Go to our <a href="/">home page</a>, and use the menus or links to navigate to a specific post.</li>
<li>
<form method="get" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:95%;padding:2px;" value="Search this blog.." onfocus="if (this.value == &quot;Search this blog..&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}" name="q"></td>
<td><input type="button" Value="Search"></td>
</tr>
</table>
</form>
</li>
</ul><br /><a href="http://bloggerseotipstraining.blogspot.com/2013/04/add-custom-error-page-not-found-in-blogger.html">Error Page from Blogger and SEO Tips</a>

 4. and finally click on Save Changes button to save code.

Now visit any page which is not a part of your blog e.g., ( www.yourhomepage.com/ssssss ) and see this beautiful error page working having a link to homepage and a search box.
If you have any question regarding this than comment down and ask, I'll try to answer your questions. Thanks.