How to add custom 404 error page with automatic redirection on blogger?

Step 1 :- Customize your beautiful error picture, editing any of the image that you love to display.



Step 2 :- After when you are done with designing the image, then login to your blogger account.

Step 3 :- Create a new post, and upload the image and edit it properly by adding texts etc. When done click the html option present above on the left corner under Post title.

Step 4 :- Now copy the html codes and paste it in notepad. Then save your posts as draft (don’t publish it). You can give the post title as anything or just leave it blank.

Step 5 :- After that head to:
Blogger Settings>> Search preferences >> Custom Page Not Found (under Errors and redirections)>>Edit

Step 6 :- Paste the HTML codes from notepad in that text box and save it. Done!!! Now your 404 custom page is finally LIVE on the blog.

Now for redirecting your visitors automatically to your home page, copy the following JavaScript codes down below in that same text box as we did before.

<script type = “text/javascript”>
TH_Redirection = setTimeout(function()
{
location.pathname= “/”
}, 8000);
</script>

Here the red number is the time interval, 8000 means after 8 seconds the page will reload again towards your home page (edit the number as per your requirements). You can either use it by pasting the codes right after the 404 error page codes or you can use the following script alone without your customized page.

But some browsers that doesn’t allows JavaScript or automatic redirection (or turned off) in such cases nothing will be displayed on the screen so using the script with your custom 404 error page that you designed will give best results.

That’s it guys!! Now you have your personally designed 404 error page on your blog, if you have any problem related to the topic you can comment it down below like always.