What is 404 Error Page?
404 Error is a web page which is being used by all websites to show the error when someone enters into a broken or not found location. 
In detail, when you enter an incorrect URL then this 404 Error page appears. Basically, In that page, the error message and some options are added for better navigation. By using Custom 404 redirect, the page juice won’t get wasted. It can be used within the website for other pages.
In detail, when you enter an incorrect URL then this 404 Error page appears. Basically, In that page, the error message and some options are added for better navigation. By using Custom 404 redirect, the page juice won’t get wasted. It can be used within the website for other pages.
Professional Error Page
So, below is an example of a professional ‘404 error page’ or ‘not found page’. This page is professional because it is designed with CSS3 and it contains some great options for better navigation.
How to Add Professional 404 Error Page?
Follow the simple steps and Add custom 404 error page to your blogger website.
- Go To Blogger >> Settings >> Search Preferences
- In the Crawlers and Errors Section, Look For Custom 404 Page and Click on “Edit”.
- Now a box will appear where you have to paste the following code.
<!-- MBT Default Template -->
<div class='MBT-404-box'>
<p style='line-height: 30px'><strong>
<font color='#ff0000' size='5'>
Oops!
</font> <font color='#666666'>
Looks like you either clicked a broken link or a Page that no more exits. Kindly do one of the followings:
</font></strong></p>
<ol style='line-height: 25px'>
<li><a href='javascript:history.go(-1)'>« Go Back</a> </li>
<li>Report the Problem to us by <a href='http://alltechbuzz.net/contact'>Clicking Here</a>    (<em>This will help us serve you even better</em>) </li>
<li>Go To Homepage by <a href='https://www.alltechbuzz.net'>Clicking Here</a>
<br/></li>
</ol>
<p>
<br/>
<br/>
<br/></p>
<p align='center'><font color='#0080ff' style='font-size: 150px'><strong>404</strong></font></p>
<p> </p>
<p align='center'/>
<p align='center'><font size='5'>Page Not Found!</font></p>
</div>
Check for custom 404 error by typing some irrelevant URL
For suppose, type https://alltechbuzz.net/afewfea which redirects to our 404 Error Page
