You are here

How to make custom 404 page


Table of Contents


In this article is related to how to create 404 error page in html. Create 404 page html.

Have you ever deleted a post or article from your blog? If you did, you would have seen a custom 404 message appear instead of that post.

Google recently provided an option through which you can display a simple 404 page html message for all of your deleted pages, which means 404 error have to make custom 404 page on your blog.

Suppose you have removed a post from your blog so that it is no longer present on your blog, but this post is indexed by search engines, so there is a chance that some readers will reach that post through a search engine search.

You will now see the following message instead of the post.

Now the question that arises in the minds of readers is: will it affect the rank of the blog? The question in this answer is written on the Google webmaster saying that an increase of 404 pages will not affect your blog ranking.

So can we leave hundreds of 404 page error in webmaster? Of course, no! Because Google changes its algorithm every month and there are also other search engines like Yahoo, Bing, etc.

that also sends some traffic to our blog, so it is always a good practice to create – make custom 404 page. So question is how to set up 404 page.

Also, if you want to express a strong relationship with readers, you need to provide a home page or contact page links on a custom page to make sure it has value for your visitors.

If you value your readers, then the chances of improving your readers will be maximum.

How to create 404 error page in html

All the steps in this tutorial are very simple, just go to the Blogger Control Panel / Settings / Error and redirects / Custom page, click on it and paste the following code inside the box.

        border: 1px solid #E8E8E8;
       { border:0px;
<div id=”abt-setup”>
<p style=”font-size:100px; margin: 20px;color:red;”>404</p>
<p style=”color:black;font-size: 20px;”>Page Not Found!</p>
<p style=”text-align:center;font-weight: 600;”>The page you are looking for doesn’t exist now you have following option to do-</p>
<ol style=”text-align:left;”>
<li>Report about this problem by <a href=””>contacting us</a></li>
<li>Or you can visit the <a href=””>homepage</a> of the blog</li>

Create 404 page html

And then click Save changes. Congratulation you create 404 page html. now you have question how to set up 404 page

How to set up 404 page

Make the following modification

Replace with your blog’s contact URL.

Replace with your blog’s home page.

If you find it difficult to see the output produced on your blog.

just go to any blog post, say, and remove some parts of the string to make it / 2020/06 / my-blog.html and hit Enter now you will see a custom 404 message.

this is a simple 404 page to see simple 404 page html on your blog. make custom 404 page.this is simple 404 page html.

Now you clear all the queries how to set up 404 page or create 404 page html.


One thought on “How to make custom 404 page

Leave a Reply