Create Custom 404 Error Page For Blogger

A 404 error page is shown when user clicked on a broken link or try to navigate to a link manually. either the post has been deleted or have a typo mistake in the URL. It is good for our blog SEO to provide a good response in our 404 error page, and fortunately blogger is allowing us to have a custom 404 error page.

You can have two options for 404 error page, one is redirect the broken link page automatically to your blog Home page or other is showing them a sweet message on 404 error page.

1. How to Redirect 404 error page automatically to Home page

• Navigate to Blogger Dashboard
• Click on a blog
• Go to "Setting" tab, and then go to "Search Preferences" tab
• Under Errors and redirections, In Custom page not Found, Click "Edit"
• Paste the below code

Sorry, the page you were looking for in this blog does not exist. You will be redirected to homepage shortly.

<script type = "text/javascript">

BSPNF_redirect = setTimeout(function() {

location.pathname= "http://bloggergiant.blogspot.com/"

}, 5000);

</script>

• Note: Change the http://bloggergiant.blogspot.com to your blog Home page, and you can set 5000 to 0 to redirect immediately
• In last click "Save Changes" 

2. How to create a custom 404 Error page with a sweet message

• Navigate to Blogger Dashboard
• Click on a blog
• Go to "Setting" tab, and then go to "Search Preferences" tab
• Under Errors and redirections, In Custom page not Found, Click "Edit"
• Paste the below code

<font size='5'>Page Not Found!</font><br /><br />

 <img alt="404 Error page" border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiQ-c1QGmj3RKl2PDjlSOR6f1l8JYvlYV3c2WJI9m8LqSihCaMiiZwYz97vbXfZzTy0-ehJT7jsznwiNSROa9TedLmv3tvhZSP5diFHsa9YUgzb2V_oSuNZATmdyqbXIfWLCmPGyRrafg/s400/404_error_page.jpg" title="" width="400" /><br /><br />

<strong>Oops ! Looks like you either clicked a broken link or a Page that does not more exits </strong>

 <br /><br />

<b><u>Other things to try:- </u></b><br /><br />

Go to our<a href="/">Home Page</a>, or use menus or links to navigate to our blog.<br /><br />

Report the Problem to us by <a href='mailto:bloggergiant@gmail.com'>Clicking Here</a>

• Note: Change the bloggergiant@gmail.com to your email.
• Now Click on "Save Changes".
• Live Demo

If you have any query, you can ask in the comments below. Thanks