August 1, 2015

Textual description of firstImageUrl

Redirect Blogger 404 Error Page Not Found To Homepage With CSS

|

Find out how to set redirect Blogger 404 error page with this simple tip.

If your blog happens to have any non existing or missing page.

Then when someone clicks on it, it will lead to a 404 error page or Not Found error message, that reads something like this: 

"Sorry the page you are looking for does not exist."

redirect Blogger 404 error page

Even though the missing page error will not affect your search engine optimization (SEO) or blog ranking, but it gives your visitors a bad impression.

They may think you do not treat your blog professionally or you do not bother to maintain it properly. 

What you should do is to redirect your 404 error page back to your blog home page or a certain page on your blog.  

This is a simple way of doing it a redirect Blogger 404 error page.

There is no need to create a fancy design just to tell your visitors or readers that this particular page is not available.

Redirect Blogger 404 Error Page

This is what you need to do:

1. Log into your Blogger Dashboard.

2. Click on Settings

3. Scroll down until you come to "Errors and redirects".

4. Click on "Custom 404".

5. An empty box pops up.

6. Copy the code below and paste it inside the box.

Sorry, the page you are looking for does not exist. You will be redirected to the homepage.
<script type = "text/javascript">
JN_redirect = setTimeout(function() {
location.pathname= "/"
}, 4000);
</script>

how to setup Blogger custom 404 page

7. Click SAVE

That's all.

Note: The above tutorial is redirecting the 404 missing page to your Homepage.

Customize The Code To Your Preference   

Message 

You can change the message: "Sorry, the page you were looking for does not exist. You will be redirected to the homepage shortly." to your own liking.

Redirect To Specific Page

If you want the 404 error page to be redirect to another specific page other than your homepage, then replace the word pathname to href and the slash / to the url of the page you prefer.

Speed Of Redirecting

The digit 4000 in the code represents delay in milliseconds.

You can change the 5000 to any value. If you change the value to zero (0), it will instantly redirect the 404 page to your homepage or to any your desired page without any delay.

Test Out 404 Redirect Function  

After you have set the redirect function, you should check it out to see whether it is working accordingly.
 
1. All you need to do is copy any one of your existing blog post URL and just make a minor changes to it.

2. You can add an extra word or change the word of the URL.

3. Then paste it onto the browser address bar

4. Press the Enter key.

5. If it done correctly, it should show the error message and then redirect to the homepage or the specific page you have set.