In this post i will tell you how to create very simple customized 404 error page and how to set this customized error page.This means when customer enters the domain based wrong url or removed page url it shows the 404 error. So you can customize this error page and set it to the removed pages or wrong pages.
Below example shows how to create simple 404 error page. Here i given demo page to view the page and also i given the source code you can customize this source code according to your design.
Below example shows how to create simple 404 error page. Here i given demo page to view the page and also i given the source code you can customize this source code according to your design.
Create Simple 404 Error Page:
<html>
<head>
<title>Simple 404 Error Page Design</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:700" rel="stylesheet">
<style>
h1{
font-size:80px;
font-weight:800;
text-align:center;
font-family: 'Roboto', sans-serif;
}
h2
{
font-size:25px;
text-align:center;
font-family: 'Roboto', sans-serif;
margin-top:-40px;
}
p{
text-align:center;
font-family: 'Roboto', sans-serif;
font-size:12px;
}
.container
{
width:300px;
margin: 0 auto;
margin-top:15%;
}
</style>
</head>
<body>
<div class="container">
<h1>404</h1>
<h2>Page Not Found</h2>
<p>The Page you are looking for doesn't exist or an other error occured. Go to <a href="">Home Page.</a></p>
</div>
</body>
</html>
How to Set this 404 Error page using .htaccess
If .htaccess file exist you can edit the file and place the below code. The .htaccess file should be in root folder.ErrorDocument 404 /404.html
If .htaccess file not exist you can create the file and put name as .htaccess file and put the below code and put it in the root directory.
ErrorDocument 404 /404.html
 this page for 404 error){kind=link}
0 Comments