top of page

Create Professional 404 Error Landing Page In Blogger

  1. What is 404 Error Page?

  2. Professional Error Page

  3. How to Add Professional 404 Error Page?

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.

Create Professional 404 Error Landing Page In Blogger

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.

  1. Go To Blogger >> Settings >> Search Preferences

  2. In the Crawlers and Errors Section, Look For Custom 404 Page and Click on “Edit”.

  3. 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'>
</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:
  <ol style='line-height: 25px'>
    <li><a href='javascript:history.go(-1)'>&#171; Go Back</a> </li>
    <li>Report the Problem to us by <a href=''>Clicking Here</a>&#160;&#160;&#160; (<em>This will help us serve you even better</em>) </li>
    <li>Go To Homepage by <a href=''>Clicking Here</a>
  <p align='center'><font color='#0080ff' style='font-size: 150px'><strong>404</strong></font></p>
  <p align='center'/>
  <p align='center'><font size='5'>Page Not Found!</font></p>

Check for custom 404 error by typing some irrelevant URL For suppose, type which redirects to our 404 Error Page

« Chapter 32 Homepage Chapter 34 »

0 views0 comments
bottom of page