Suryadi Kurniawan Suryadi is a digital content writer at Niagahoster. He keeps on pursuing opportunities to engage with more people through articles about WordPress, Internet Marketing and other IT-related issues. During his free time, he enjoys playing Clash Royale a lot.

Cara Custom Domain ke Halaman GitHub dengan 4 Langkah Mudah!

2 min read

Cara Custom Domain ke Halaman GitHub

Halaman GitHub (GitHub Page) sering digunakan para developer sebagai sebuah portofolio online. Berbagai dokumentasi project bisa disimpan di dalamnya. Secara default, website portofolio tersebut akan menggunakan URL: user.github.io.

Lalu, bagaimana jika ingin menggunakan nama domain yang unik? Apa yang harus Anda lakukan?

Untuk melakukan hal itu, Anda perlu tahu cara custom domain ke halaman GitHub. Tak perlu khawatir, Anda telah menemukan artikel yang tepat. Kami akan menjelaskan cara custom domain GitHub dengan mudah di artikel ini.

Cara Custom Domain ke Halaman GitHub

Untuk dapat melakukan custom domain, pastikan Anda sudah menyiapkan domain yang masih aktif. Jika belum memilikinya, Anda bisa membeli domain terlebih dahulu.

Selanjutnya, ikuti langkah berikut:

1. Mengakses GitHub

Masukkan username dan password Anda untuk masuk ke GitHub:

Halaman Login GitHub

Jika sudah berhasil, Anda akan masuk ke halaman utama GitHub di mana semua repositori Anda tersimpan.

Halaman Utama GitHub

2. Memilih Repositori

Langkah selanjutnya sebagai cara custom domain ke halaman GitHub adalah menentukan repositori.

Pilihlah salah satu repositori yang akan menjadi halaman GitHub dengan custom domain. Perlu diingat bahwa, repositori tersebut harus bersifat public, bukan private.

Cara cusrtom domain ke halaman GitHub dengan memilih repositori.

Selanjutnya, silakan pilih menu Settings untuk melakukan perubahan pada domain yang digunakan.

Memilih menu Settings sebagai cara custom domain ke halaman GitHub.

3. Memasukkan Custom Domain yang Dimiliki

Setelah berada pada halaman Settings, Anda akan menemukan bagian GitHub Pages. Jika Anda belum membuat halaman GitHub akan muncul tampilan sebagai berikut:

Halaman Settings GitHub Pages

Untuk itu, Anda perlu menentukan source untuk GitHub Pages terlebih dahulu, yaitu Master Branch.

Memilih Master Branch sebagai cara custom domain GitHub.

Setelah berhasil, halaman GitHub Pages Anda telah siap dan Anda bisa menentukan custom domain yang akan digunakan.

Memasukkan nama domain sendiri sebagai custom domain GitHub.

Pastikan nama domain Anda sudah sesuai, lalu klik Save.

Baca Juga: 6 Manfaat Setelah Beli Domain

4. Melakukan Perubahan Konfigurasi DNS

Langkah berikutnya untuk melakukan custom domain GitHub adalah memastikan konfigurasi DNS yang digunakan tepat.

Caranya, Anda bisa login ke Member Area Niagahoster di halaman berikut: https://panel.niagahoster.co.id/login. Gunakan username dan password yang sesuai.

Halaman login Member Area Niagahoster

Setelah berhasil, Anda akan melihat dashboard Member Area Niagahoster. Silakan pilih menu Domain, dan menu Kelola Domain.

Memilh menu Kelola Hosting di Member Area Niagahoster.

Sebelum masuk pada tahapan konfigurasi domain, pastikan Anda menggunakan name server Niagahoster yang sesuai.

Memastikan name server benar sebagai langkah cara custom domain ke halaman GitHub.

Kemudian, silakan masuk ke menu DNS Management untuk melakukan konfigurasi DNS sebagai cara custom domain ke halaman GitHub.

Halaman DNS Management di Member Area Niagahoster.

Langkah berikutnya, Anda bisa klik Add New Record, dan akan mendapatkan tampilan sebagai berikut:

Menambahkan A Record dalam tahapan cara custom domain GitHub.

Pada bagian Record Type, pastikan pilihannya adalah A Record. Kemudian, Anda bisa mengisikan IP Address yang digunakan oleh GitHUb berikut satu per satu:

185.199.108.153

185.199.109.153

185.199.110.153

185.199.111.153

Jangan lupa untuk selalu klik Save Record setiap selesai memasukkan data IP Address. 

Jika sudah berhasil, semua IP address yang Anda masukkan akan otomatis tercatat pada menu DNS management seperti ini: 

IP Addess sudah tersimpan di DNS Management

Selanjutnya, Anda perlu memasukkan CNAME record untuk mengarahkan custom domain Anda. Caranya, klik Add New Record dan pilih CNAME dalam Record Type. Kemudian, masukkan nama domain halaman GitHub Anda di bagian Hostname. 

Memasukkan CNAME Record di tahapan custom domain GitHub

Lakukan penyimpanan konfigurasi dengan Save Record. Pastikan nama domain tujuan sudah sesuai seperti tampilan berikut:

CNAME Record sudah tercatat pada DNS Management.

Tahapan untuk konfigurasi DNS sudah selesai. Anda cukup menunggu proses propagasi domain terlebih dahulu hingga maksimal 1×24 jam. 

Apabila proses propagasi berhasil, inilah contoh halaman GitHub yang bisa diakses dengan custom domain yang digunakan:

Custom Domain GitHub sudah berhasil dilakukan.

Penutup

Anda sudah belajar bahwa hanya perlu 4 langkah sebagai cara custom domain ke halaman GitHub. Cukup mudah, bukan?

Pun demikian, manfaat yang didapatkan cukup besar karena halaman GitHub Anda bisa tampil lebih profesional sebagai sebuah website portofolio.

Beberapa langkah yang sudah kami jelaskan di atas yaitu:

  1. Dimulai dengan mengakses GitHub
  2. Memilih repositori sebagai halaman GitHub
  3. Menentukan custom domain yang akan digunakan
  4. Melakukan konfigurasi DNS melalui Member Area

Sudah siap untuk menggunakan custom domain untuk halaman GitHub Anda? Apalagi saat ini, Anda bisa mendapatkan domain dengan harga terjangkau lho. Semoga informasi yang kami sampaikan bermanfaat!

1
Suryadi Kurniawan Suryadi is a digital content writer at Niagahoster. He keeps on pursuing opportunities to engage with more people through articles about WordPress, Internet Marketing and other IT-related issues. During his free time, he enjoys playing Clash Royale a lot.

Leave a Reply

Your email address will not be published. Required fields are marked *

3 × 5 =

[{"code":""
[{"code":""
"label":"Coba Lagi"
"label":"Coba Lagi"
"win":false}
"win":false}
{"code":"HOSTING50"
{"code":"HOSTING50"
"label":"Extra Diskon 50rb "
"label":"Extra Diskon 50rb "
"win":true}
"win":true}
{"code":"HOSTING20"
{"code":"HOSTING20"
"label":"Extra Diskon 20rb "
"label":"Extra Diskon 20rb "
"win":true}
"win":true}
{"code":"HOSTING100"
{"code":"HOSTING100"
"label":"Extra Diskon 100rb "
"label":"Extra Diskon 100rb "
"win":true}
"win":true}
{"code":""
{"code":""
"label":"Belum Beruntung"
"label":"Belum Beruntung"
"win":false}
"win":false}
{"code":"HOSTING20"
{"code":"HOSTING20"
"label":"Extra Diskon 20rb "
"label":"Extra Diskon 20rb "
"win":true}
"win":true}
{"code":""
{"code":""
"label":"Coba Lagi"
"label":"Coba Lagi"
"win":false}
"win":false}
{"code":"HOSTING50"
{"code":"HOSTING50"
"label":"Extra Diskon 50rb "
"label":"Extra Diskon 50rb "
"win":true}
"win":true}
{"code":"HOSTING20"
{"code":"HOSTING20"
"label":"Extra Diskon 20rb "
"label":"Extra Diskon 20rb "
"win":true}
"win":true}
{"code":"FREESHIPPING"
{"code":"FREESHIPPING"
"label":"Coba Lagi"
"label":"Coba Lagi"
"win":false}
"win":false}
{"code":""
{"code":""
"label":"Sedikit Lagi! "
"label":"Sedikit Lagi! "
"win":false}
"win":false}
{"code":"HOSTING50"
{"code":"HOSTING50"
"label":"Extra Diskon 50rb "
"label":"Extra Diskon 50rb "
"win":true}]
"win":true}]