# Pengaturan Custom Domain Hashnode Via Cloudflare *Bismillah Alhamdulillaah,* Pembuatan blog di *Hashnode* secara *default* memungkinkan pengguna memiliki halaman web dengan nama sub domain yang menempel di ***TLD*** (*top level domain*) **Hashnode.dev**, misalnya: `namaBlog.hashnode.dev`. Bagaimana kalau kita ingin memberikan atau mengganti alamat web tersebut dengan domain *TLD* yang kita miliki, seperti: `galih.eu` atau menjadi sebuah sub domain di halaman web utama yang sudah kita miliki, misalnya: `blog.galih.eu` ? Hal ini dapat dilakukan melalui sebuah pengaturan bernama ***Custom Domain*** yang merupakan salah satu fitur gratis yang disediakan oleh *Hashnode*. Jadi, materi tutorial yang akan dibahas dalam artikel ini mencakup: 1. Pengaturan *custom domain* di *Hashnode*, 2. Pengaturan penambahan rekaman DNS di *Cloudflare*, 3. Pemeriksaan propagasi ***DNS*** melalui *Whatsmydns.net*, dan 4. Uji coba buka blog baru. --- # 1. Pengaturan *custom domain* di *Hashnode*. - Pertama-tama lakukan *login* di halaman web *Hashnode.com* - Jika sudah masuk, klik foto profil di bagian bawah kiri halaman, nanti akan memunculkan sebuah menu. Pilih menu *Blog Dashboard*. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636632925373/HOLryuCxg.png) - Di bagian kiri halaman halaman, agak bawah klik menu *Domain*. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636633106507/uoa_agve1.png) - Tampilan awal berupa pengaturan nama sub domain kita sebelumnya, dan selanjutnya klik tab menu *Custom Domain*. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636633440849/wNq1j0VoC.png) - Kemudian tuliskan nama lengkap blog baru kita (baik itu merupakan domain TLD atau sub domain). Dalam hal ini saya contohkan sebuah sub domain `blog.galih.eu`. Selanjutnya klik tombol *Update*. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636633759816/JBDgJtVce.png) - Kondisi awal adalah ketiga indikator yang meliputi `DNS config, SSL, dan Status` masih tidak aktif. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636633904889/pSdqsWMW3.png) Ketiga indikator akan aktif setelah pengaturan *DNS* (*domain name system*) di *Cloudflare* berhasil. --- # 2. Pengaturan penambahan rekaman *DNS* di *Cloudflare*. - Login ke website *Cloudflare.com*, kemudian pilih domain yang sudah ditaruh di sana. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636634149951/KajCf3zbF.png) - Setelah masuk ke halaman pengaturan domain bersangkutan, di bagian kiri halaman ada beberapa menu, pilih menu *DNS*. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636634246194/W2yOTjfQx.png) - Berikutnya akan muncul halaman pengaturan *DNS*, dimana contoh kondisi rekaman dalam `DNS management` dari domain `galih.eu` yang saya miliki adalah sebagai berikut. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636634376921/ZOkfaPjA_.png) - Klik tombol *Add record*, dan isikan data berikut:
a. pilih `CNAME` dalam pilihan *Type*,
b. isi nama sub domain `blog`,
c. isi target dengan `hashnode.network`,
d. klik tombol di *Proxy status* untuk menonaktifkan status `Proxied` menjadi `DNS only`,
e. isi *TTL* (*time to live*) dibiarkan `auto` saja, dan terakhir
f. tekan tombol *Save*. - Hasil akhir konfigurasi di *DNS management* adalah sebagai berikut. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636635198131/FJkbO1IS7.png) Konfigurasi di *Cloudflare* selesai. --- # 3. Pemeriksaan *propagasi*. Berikutnya, kita cek status domain di halaman pengaturan *Domain* di *Hashnode*. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636635420453/yKnsU_b8a.png) `DNS Config` sudah aktif, namun untuk `SSL` dan `Status` masih belum aktif. Jika kita mencoba membuka halaman web blog baru kita, maka akan muncul kesalahan seperti pada gambar berikut. Hal ini dikarenakan *propagasi* belum sukses 100%. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636635607904/AW96_xG2c.png) *Propagasi* adalah tahap pembaruan *nameserver* di internet yang menunjukkan pengubahan rekaman DNS dari domain bersangkutan. Waktu *propagasi* selambat-lambatnya dapat mencapai 24 jam, namun sering kali lebih cepat. Kita dapat memeriksa *propagasi* *DNS* melalui website *Whatsmydns.net*. - Buka halaman web whatmydns.net, - Masukkan alamat web yang kita ingin periksa, misalnya `blog.galih.eu`, dan pilih jenis rekaman *DNS* `CNAME`. Kemudian tekan tombol *Search*. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636636084784/dZNQ6famy.png) - Deteksi dilakukan melalui berbagai server yang berada di berbagai negara. Tanda centang warna hijau berarti berhasil terdeteksi, dan tanda **x** warna merah menunjukkan belum terdeteksi. Jika mayoritas server di berbagai negara sudah berhasil mendeteksi pembaruan *DNS* domain kita, berarti sudah aman. --- # 4. Uji coba nama blog baru. Setelah menunggu masa propagasi beberapa saat, kalau kita periksa lagi di halaman domain *Hashnode*, semua indikator status akan berwarna hijau atau aktif. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636636424747/fZ0PG0Osu.png) Hal ini menunjukkan blog dengan nama alamat baru sudah dapat diakses. Contohnya adalah sebagai berikut. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636636508380/vOVqoc1MW.png) Dan kalau diklik pada salah satu artikel, alamat tautan artikel pun sudah menyesuaikan. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1636636585787/HLt75DQcE7.png) Hal ini menunjukkan bahwa pengaturan *Custom Domain* sudah berhasil. --- Tutorial ini juga tersedia di kanal Youtube saya. %[https://www.youtube.com/watch?v=kFsVRtwZyXY] Semoga bermanfaat. Terima kasih. [Web Utama](https://galih.eu) **·** [Blog](https://blog.galih.eu) **·** [Github Pages](https://galihboy.github.io/) **·** [Medium](https://masgalih.medium.com/)