Redirect Blogger 404 Error (Page Not Found) To Homepage

A 404 error page tells you and search engines that a page is not found by displaying a text similar to “Sorry, the page you were looking for in this blog does not exist.”. This may happen because you have changed your URLs over time, either removed a few pages when you overhauled your design, or a visitor may have accidentally misspelled an URL nonexistent in your blog, so it automatically redirects to the 404 error page (page not found).

Most likely, this will not make a good impression on the potential users of our blog. So, before the visitor clicks the back button or close the window/browser’s tab, thus leaving our site forever, we may want to redirect 404 error in Blogger to a page, so that the visitor will continue reading our blog.

how to redirect blogger 404 error to homepage

One of the most used methods is the “meta refresh” but the problem with this method is that it breaks navigation (doesn’t allow to return back). In this case, the best method is to use JavaScript about which I will go into more detail below.

Redirect Blogger 404 Error with JavaScript

Go to your Blogger dashboard, select your blog and click the Settings menu item > Search preferences > Custom Page Not Found.

redirect 404 error page in blogger to homepage

Copy and paste the following code inside the empty box:

Sorry, the page you’re looking for in this blog does not exist.
You will be redirected to homepage shortly.
<script type = “text/javascript”>
PNF_redirect = setTimeout(function() {
location.pathname= “/
}, 5000);
</script>

The text which is going to be displayed can be modified as you want. If you are willing to redirect the 404 error page to another page other than home page, just replace pathname to href and / with the url of your page. Finally, the number 5000 which is the delay expressed in milliseconds, can be changed to other value if this is more convenient.

Next thing to do is to ‘Save changes’ and do a little test to check if the code works well. You can verify the 404 error page functionality by adding a random text at the end of your blog address – after pressing Enter, you should see the error page followed by a redirection after 5 seconds. That’s it!

Related Posts

How to Hide Posts from Blogger Homepage

The point of blogging is to make your blog posts visible to your target audience as well as to search engines. However, there are times when you…

Rounded Corners and Shadows for Images using CSS

Here are some unique border styles that you can apply to blogger images by using the border-radius property and defining either all four corners simultaneously or applying…

How To Upload and Use Custom Fonts in Blogger

Just about anyone can write and publish his or her own blog. In fact, there are about 152 million blogs out there on the internet. But, if…

How to Use Cookies in Javascript

Each time we visit a website, cookies can be stored to ‘remember’ things that we do while browsing a page. This may happen, for example, when we…

How to Add an Admin Control Panel in Blogger

A while ago I posted some tutorials on how you can remove the Blogger Navbar or add a Peek A Boo Effect so that it would show…

Using JQuery + EasyDrag to Move Elements or Images by Clicking on Them

This is a simple and easy-to-use jQuery plugin which enables drag and drop functionality to make your site more interactive so that readers can “play” with certain…

Leave a Reply

Your email address will not be published.