Assalamu'alaikum Warohmatullohi Wabarokatuh.
Salam sejahtera sahabat.
Semoga kita selalu dalam lindungan-Nya.
Amin Ya Robbal Alamin.
Oke setelah tutorial yang saya tulis pada bagian pertama tersebut membahas tentang "MEMBUAT CUSTOM 404 ERROR NOT FOUND DENGAN .htaccess dan HTML bagian1" menjelaskan bagaimana langkah-langkah dalam pembuatan .htaccess.
Pada kali ini saya akan melanjutkan tutorial tersebut dengan pembuatan kode HTML dan CSS nya.
Langsung saja,
buka editor text milik Anda.
ketikan atau copy paste kode berikut.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>404 Not Found!</title>
<link href="css/404.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="error">The page you are looking for has not been found!</div>
<div id="not-found">
<div class="found">404</div>
</div>
<hr />
<div class="error">Lets start again.</div>
</body>
</html>
Kemudian simpan dengan nama 404.html
Langkah selanjutnya buat sebuah folder dengan nama "css" kemudian buka lagi text editor milik Anda dan ketikkan atau copy paste kode berikut ini.
@charset "utf-8";
/* CSS Document */
* {
padding:0;
margin:0;
}
.error {
width:960px;
height:auto;
margin:auto;
text-align:center;
font-family:chiller;
font-size:3em;
color:rgba(85,85,85,1);
text-shadow:2px 4.5px 5px #AAAAAA;
}
#not-found {
width:960px;
height:auto;
margin:auto;
text-align:center;
}
.found {
font-family:chiller;
font-size:17em;
color:rgba(255,153,0,1);
text-shadow:2px 4.5px 5px #AAAAAA;
}
hr {
width:31%;
margin:auto;
color:rgba(255,153,0,1);
box-shadow:0px 2px 3px 2px #AAAAAA;
}
Simpan dengan nama 404.css dalam folder "css".
Selesai dan silahkan lihat tampilan 404.html tersebut pada browser kesukaan Anda.
Bagi Anda yang belum mengikuti tutorial bagian pertama bisa klik di bawah ini.
" MEMBUAT CUSTOM 404 ERROR NOT FOUND DENGAN .htaccess dan HTML bagian 1"
Terima Kasih!
Sekian artikel yang dapat saya bagikan kepada Anda.
Semoga bermanfaat bagi Anda dan kita semua.
Wassalamu'alaikum Warohmatullohi Wabarokatuh.
Semoga kita selalu dalam lindungan-Nya.
Amin Ya Robbal Alamin.
Oke setelah tutorial yang saya tulis pada bagian pertama tersebut membahas tentang "MEMBUAT CUSTOM 404 ERROR NOT FOUND DENGAN .htaccess dan HTML bagian1" menjelaskan bagaimana langkah-langkah dalam pembuatan .htaccess.
Pada kali ini saya akan melanjutkan tutorial tersebut dengan pembuatan kode HTML dan CSS nya.
Langsung saja,
buka editor text milik Anda.
ketikan atau copy paste kode berikut.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>404 Not Found!</title>
<link href="css/404.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="error">The page you are looking for has not been found!</div>
<div id="not-found">
<div class="found">404</div>
</div>
<hr />
<div class="error">Lets start again.</div>
</body>
</html>
Kemudian simpan dengan nama 404.html
Langkah selanjutnya buat sebuah folder dengan nama "css" kemudian buka lagi text editor milik Anda dan ketikkan atau copy paste kode berikut ini.
@charset "utf-8";
/* CSS Document */
* {
padding:0;
margin:0;
}
.error {
width:960px;
height:auto;
margin:auto;
text-align:center;
font-family:chiller;
font-size:3em;
color:rgba(85,85,85,1);
text-shadow:2px 4.5px 5px #AAAAAA;
}
#not-found {
width:960px;
height:auto;
margin:auto;
text-align:center;
}
.found {
font-family:chiller;
font-size:17em;
color:rgba(255,153,0,1);
text-shadow:2px 4.5px 5px #AAAAAA;
}
hr {
width:31%;
margin:auto;
color:rgba(255,153,0,1);
box-shadow:0px 2px 3px 2px #AAAAAA;
}
Simpan dengan nama 404.css dalam folder "css".
Selesai dan silahkan lihat tampilan 404.html tersebut pada browser kesukaan Anda.
Bagi Anda yang belum mengikuti tutorial bagian pertama bisa klik di bawah ini.
" MEMBUAT CUSTOM 404 ERROR NOT FOUND DENGAN .htaccess dan HTML bagian 1"
Terima Kasih!
Sekian artikel yang dapat saya bagikan kepada Anda.
Semoga bermanfaat bagi Anda dan kita semua.
Wassalamu'alaikum Warohmatullohi Wabarokatuh.
No comments:
Post a Comment