Cara Menjadikan Website Menggunakan GitHub Pages

Berikut adalah langkah-langkah detail untuk menjadikan kode HTML login BSI Anda sebagai website menggunakan GitHub Pages:

1. Membuat Akun GitHub

1. Kunjungi GitHub.com
2. Klik "Sign up" dan ikuti proses pendaftaran
3. Verifikasi email Anda setelah pendaftaran

2. Membuat Repository Baru

1. Setelah login, klik tombol "+" di pojok kanan atas, lalu pilih "New repository"
2. Beri nama repository Anda (misalnya "login-bsi" atau "bsi-website")
3. Anda bisa memilih "Public" (dapat dilihat semua orang) atau "Private" (hanya Anda yang bisa melihat)
4. Centang opsi "Add a README file" untuk memudahkan
5. Klik "Create repository"

3. Mengunggah File HTML

1. Di dalam repository yang baru dibuat, klik tombol "Add file" lalu pilih "Upload files"
2. Drag and drop file HTML Anda atau klik area untuk memilih file
3. PENTING: Pastikan file HTML Anda diberi nama index.html agar bisa dijalankan sebagai halaman utama
4. Tambahkan pesan commit (misalnya "Upload halaman login BSI")
5. Klik "Commit changes"

4. Mengaktifkan GitHub Pages

1. Di halaman repository Anda, klik tab "Settings" (di bagian atas)
2. Scroll ke bawah dan cari bagian "GitHub Pages" di sidebar kiri
3. Di bagian "Source", klik dropdown dan pilih "main" atau "master" (tergantung nama branch default Anda)
4. Klik "Save"
5. Tunggu beberapa menit hingga website Anda di-deploy

5. Mengakses Website Anda

1. Setelah di-deploy, GitHub akan menampilkan URL website Anda di bagian GitHub Pages
2. URL biasanya dalam format: https://username.github.io/nama-repository
3. Klik URL tersebut untuk mengakses website Anda

Catatan Tambahan:

Jika Ingin Menggunakan Domain Kustom:

1. Di bagian GitHub Pages pada Settings, Anda bisa menambahkan domain kustom
2. Anda perlu mengatur DNS domain Anda untuk mengarah ke GitHub Pages

Jika Perlu Menambahkan File CSS atau JavaScript Terpisah:

1. Upload file CSS atau JavaScript Anda dengan cara yang sama seperti file HTML
2. Pastikan path referensi di file HTML Anda sudah benar

Jika Ingin Memperbarui Website:

1. Kembali ke repository Anda
2. Klik file yang ingin diperbarui
3. Klik ikon pensil (Edit)
4. Lakukan perubahan dan commit

Untuk Keamanan:

Karena ini adalah halaman login, perhatikan bahwa GitHub Pages hanya mendukung website statis. Untuk fungsi login yang sebenarnya, Anda perlu menghubungkannya dengan backend yang berjalan di server terpisah.

Apakah Anda memerlukan bantuan lebih lanjut untuk langkah tertentu?

v10 was created by restoring v9