How to make a 404 Custom Page in Blogger Blog

Definition of HTTP 404

The 404 or Not Found error message is a HTTP standard response indicating that the client was able to communicate with the server, but the serve could not find what was requested for. A website hosting server will typically generate 404 - Not Found web page, when users follow a broken or dead link

Implications

• Googlebot is not able to crawl the URL because it points to a non-existent page, either because you have deleted or rename it without redirecting the old URL to a new page, or because of a typo in a link.Generally, 404s don't harm your site's performance in search, but you can use them to help improve the user experience.
•  404 results to poor user experience, because if many visitor land on 404, they will of course go to another source because you will lose visitors

Steps Of making a Custom 404
You can improve the user experience by configuring your site to display a custom 404 page when returning a 404 response code. A 404 Page is what a user sees when they try to reach a non-existent page on your site A good 404 page will help people find the information they are looking for as well as provide other helpful content and encourage them to explore your site further

Go to Blogger Dashboard, click on Settings, click on Search Preferences, Click on Custom Page Not Found, Click Edit

404 Custom Page in Blogger Blog

 
Add the content for your custom 404 to the test box. You can add HTML code to this box.

Here is the code

<h3> Your requested page was not found </h3>
<p> Sorry, we cannot find the page that your are looking for. It might have been removed, had it's 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="http://www.odesktestsguide.blogspot.com/" >Home Page of Odesktestsguide </a>, and use the menus or links to navigate to a specific post. </li>
</ul>

Only remember to replace http://www.odesktestsguide.blogspot.com. with your blog's name

Once you are through, Click Save Changes.

To test the Custom Page that you have just created, go to any browser type in the link that was showing the 404 Page (broken link or Page Not Found). Now you should see a more friendly 404 page