You are here

How to make custom 404 page

how-to-make-custom-404-page

Table of Contents

HOW TO MAKE CUSTOM 404 PAGE

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 pages.you 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.

how-to-make-custom-404-page
<style>
#sidebar-wrapper
      {display:none;
      }
#main-wrapper
        {width:100%;
        }
.status-msg-body
        {background-color:white;
        border: 1px solid #E8E8E8;
        }
.status-msg-border
       { border:0px;
       }
#abt-setup
       {
       height:300px;
        }
</style>
<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=”https://www.blogandtricks.in/p/contact-form.html”>contacting us</a></li>
<li>Or you can visit the <a href=”https://www.blogandtricks.in”>homepage</a> of the blog</li>
</ol>
</div>

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 https://www.blogandtricks.in/p/contact-form.html with your blog’s contact URL.

Replace https://www.blogandtricks.in 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 www.xyz.com/2020/06/my-blog.html, and remove some parts of the string to make it www.xyz.com / 2020/06 / my-blog.html and hit Enter now you will see a custom 404 message.

this is a simple 404 page html.how 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.

#blogandtricks

One thought on “How to make custom 404 page

Leave a Reply

Top