Latest

How to Create 404 Error Page in Blogger

Create 404 Error Page in Blogger
Create 404 Error Page in Blogger

What is 404 Error Page?

The 404 error page is important to website.If there is any error in the URL of various websites you see, there is a 404 error page for it. 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.

How to Add 404 Error Page?


You can do this with a few simple steps.

1. First go to blogger.com for your blogger  dashboard.

2. Next go To Settings >> Search Preferences

3. You can see Custom Page Not Found in Errors and redirections and click "Edit"

Add 404 Error Page
Add 404 Error Page
4. Then copy the code given below.

<div class='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)'>&#171; Go Back</a> </li>    <li>Report the Problem to us by <a href='https://www.sbmade.com/p/contact-us.html'>Clicking Here</a>&#160;&#160;&#160; (<em>This will help us serve you even better</em>) </li>    <li>Go To Homepage by <a href='https://www.sbmade.com'>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>&#160;</p>  <p align='center'/>  <p align='center'><font size='5'>Page Not Found!</font></p></div>

5. Finally click save changes button.

It's all over.Now you have successfully added a 404 error page to your site.Go now to your wrong URL on your site.Then the 404 error page you added will be displayed.
Finally, you have to make two settings in the code above.Replace the URL of your site Contact page with the Blue highlighted code in above code.Next replace the URL of your site Home page with the Green highlighted code in above code.

READ:

So you know about How to create 404 Error Page in Blogger, Hope you like the post, don’t forget to share it with your friends and leave a comment below if you are facing any problem at any step in the method discussed above.Thank you.

No comments