Membuat Halaman Under Construction

 

Halo Sahabat Qwords,

Pada kesempatan kali ini, kami akan menginformasikan cara membuat halaman Under Construction. Apasih halaman Under Contruction itu? Gunanya untuk apa?

Halaman Under Construction berfungsi sebagai halaman sementara saat kita sedang melakukan pengembangan/maintenance web utama. Sehingga saat diakses pengunjung, halaman tidak dalam kondisi berantakan atau kosong.

Nah, bagaimana cara membuatnya? Ikuti langkah berikut ini.

  1. Kita buat dulu script di local menggunanan notepad++ atau editor lainnya lalu beri nama file dengan nama index.html. Berikut  contoh script sederhananya:
<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1">
<title>This Website is Under Construction</title>
</head>
<body style="height: 100%;">
<p style="text-align: center;"><img align="center" src="https://www.qwords.com/custompages/images/Rectangle-6.png" /></p>

<div>
<h3 style="text-align: center;"><span style="font-size:48px;">Under Construction</span></h3>
</div>

<div class="col-sm-12 margin_bottom" style="text-align: center;"><span style="font-size:24px;"><span style="font-family:courier new,courier,monospace;"><marquee><span style="background-color:#00FFFF;">Hello, Website ini dalam perbaikan...</span></marquee></span></span></div>
</body>
</html>

 

2.  Selanjutnya, login ke cpanel => file manager => public_html

 

3. Upload file yang sebelumnya sudah di-create, dengan klik tombol upload di file manager

 

Pilih file, lalu tunggu sampai proses upload selesai 100% setelah itu kembali ke public_html


4.  Agar Domain langsung mengarah ke halaman Under Contruction saat diakses, setting redirect melalui file .htaccess

 

Lalu inputkan code berikut:

Redirect /index.php /index.html

5. Lakukan clear cache browser yang digunakan dan bisa langsung diakses untuk Halaman Under Construction-nya

 

Selesai. Mudah kan, dalam membuat halaman Under Cnstruction sendiri? Selamat mencoba, sahabat Qwords 🙂