Cara Upload Website HTML CSS ke Hostinger: Panduan Teknis

Langkah Unggah Website Statis ke Hostinger

Untuk mengunggah website berbasis HTML dan CSS ke Hostinger, Anda tidak memerlukan database. Fokus utama adalah menempatkan file di direktori public_html agar dapat diakses publik. Pastikan file utama Anda bernama index.html agar server dapat membacanya secara otomatis sebagai halaman beranda.

Metode 1: Menggunakan File Manager (Paling Cepat)

1. Login ke hPanel Hostinger Anda.
2. Pilih menu Hosting, lalu klik File Manager pada domain yang dituju.
3. Masuk ke folder public_html. Hapus file default.php bawaan jika ada.
4. Klik tombol Upload di pojok kanan atas, pilih file HTML dan CSS Anda (atau folder yang sudah di-zip).
5. Jika Anda mengunggah file .zip, klik kanan pada file tersebut lalu pilih Extract ke direktori saat ini.

Metode 2: Menggunakan FTP (FileZilla)

Untuk proyek yang lebih besar, gunakan protokol FTP agar transfer data lebih stabil.

1. Buka hPanel, cari menu FTP Accounts. Catat Hostname, Username, dan Password.
2. Buka aplikasi FileZilla di komputer Anda.
3. Masukkan kredensial FTP ke kolom yang tersedia dan klik Quickconnect.
4. Drag dan drop file dari komputer lokal ke folder public_html di server.

Troubleshooting Umum

• Error 403 Forbidden: Pastikan file utama bernama index.html (huruf kecil semua).
• CSS Tidak Muncul: Periksa path file CSS di dalam HTML. Pastikan menggunakan path relatif seperti <link rel="stylesheet" href="style.css">.
• Cache Browser: Jika perubahan tidak terlihat, tekan Ctrl + F5 untuk melakukan hard refresh pada browser Anda.

Pastikan struktur folder di server sama persis dengan struktur di komputer lokal Anda agar link internal dan aset gambar tidak rusak.