Cara Custom Domain Blogspot Dari CloudFlare


4 menit

Ingin menggunakan custom domain blogspot dari CloudFlare? Jika itu yang kamu cari, atau mungkin sedang kamu coba tapi tidak berhasil, maka kamu perlu mengikuti tutorial yang ada dihalaman ini sampai selesai.

Sebelum memulai, pastikan kamu sudah

  • Menghubungkan domain ke CloudFlare
  • Memiliki blog di blogspot atau blogger.com yang belum menggunakan custom domain

Jika sudah menyelesaikan kedua prasyarat tersebut, langsung saja ke langkah-langkah custom domain blogspot dari CloudFlare.

Tambahkan Custom Domain ke Blogspot

Langkah pertama yang perlu kamu lakukan adalah menambahkan custom domain ke blogspot untuk mendapatkan CNAME yang nantinya perlu kamu tambahkan di CloudFlare. Untuk melakukan ini, maka kamu bisa membuka halaman Settings di Blogspot, kemudian klik pada Custom domain

Isikan nama domain yang akan kamu gunakan dan pastikan menambahkan www diawal, misalnya www.wpgan.biz.id kemudian klik tombol save.

Jika domainmu belum diverifikasi, maka kamu akan mendapatkan pesan error seperti gambar diatas, atau kurang lebih seperti ini

We have not been able to verify your authority to this domain. On your domain registrar's website, locate your Domain Name System (DNS) settings and enter the following two CNAMEs: (Name: www, Destination: ghs.google.com) and (Name: eqvtor3ofpo2, Destination: gv-oioebzt5hsfgrr.dv.googlehosted.com). See https://support.google.com/blogger/answer/1233387 for detailed instructions. Support page link

Itulah CNAME record yang perlu kamu tambahkan di CloudFlare. Dari pesan error tersebut, maka kamu mendapatkan 2 CNAME record berikut (setiap domain akan mendapatkan record yang berbeda, jangan menggunakan record yang ada di tabel dibawah ini karena tidak akan berhasil)

Jenis RecordHostAddress/Name
CNAMEwwwghs.google.com
CNAMEeqvtor3ofpo2gv-oioebzt5hsfgrr.dv.googlehosted.com

Pastikan kamu menyimpan kedua record tersebut dan lanjut ke langkah berikutnya.

Tambahkan CNAME ke CloudFlare

Sekarang kamu bisa login ke cloudflare untuk menambahkan CNAME yang sudah kamu dapatkan dari blogspot tersebut. Ketika sudah login, pilih saja nama domainmu yang ada di cloudflare untuk membuka halaman pengelolaannya.

Dari halaman pengelolaan domain, kamu bisa membuka menu DNS untuk mulai menambahkan CNAME record yang sudah kamu dapatkan sebelumnya. Klik saja tombol Add Record jika kamu sudah berada diahalaman kelola DNS

Ketika menambahkan DNS, pastikan opsi Proxy status dinonaktifkan sehingga warnanya menjadi abu-abu. Jika kamu tidak menonaktifkan Proxy, maka domainmu tidak akan pernah bisa disimpan di blogspot.

Setelah menambahkan 2 CNAME sebelumnya, tambahkan juga A Record berikut ini supaya websitemu blogmu bisa diakses dengan atau tanpa www

Jenis RecordHostAddress/Name
A@216.239.32.21
A@216.239.34.21
A@216.239.36.21
A@216.239.38.21

Ketika semua record sudah ditambahkan, maka hasilnya kurang lebih seperti ini

Periksa Propagasi DNS

Sebelum kamu menyimpan domain di blogspot, kamu bisa memastikan propagasi dulu menggunakan tools online, misalnya dari propagasi.web.id dan memeriksa status propagasinya. Jika propagasi sudah terbaca, maka kamu akan mendapatkan informasi Address/Name yang terbaca, serta ada tanda centang.

Jika hasil propagasi, terutama dari server google sudah berhasil, maka kamu bisa lanjut ke langkah berikutnya.

Simpan Domain di Blogspot

Kembali ke halaman pengaturan blogspot, kamu bisa mengulangi langkah pertama sebelumnya yaitu menambahkan custom domain ke blogspot. Karena saat ini kamu sudah menambahkan verifikasi, maka penyimpanan akan berhasil dan hasilnya akan seperti ini

Apabila sudah tersimpan, pastikan juga untuk mengaktifkan Redirect domain supaya ketika websitemu diakses tanpa www, maka akan otomatis dialihkan ke www.

Gampang kan? tapi ini belum selesai, karena jika kamu sampai dilangkah ini saja, maka ketika link blog dibagikan dan di klik dari sosial media (biasanya kebanyakan melalui whatsapp), maka websitemu akan mendapatkan pesan error ERR_CONNECTION_CLOSED. Solusinya, kamu perlu menambahkan SSL ke blogmu.

Menambahkan SSL di Blogspot

Untuk menambahkan SSL, kamu bisa membuka halaman Theme > klik icon panah disamping customize > Edit HTML

Ketika sudah berada dihalaman edit HTML, cari teks yang menggunakan http://, kemudian ubah semuanya menjadi https:// dan simpan perubahan

Beberapa link mungkin akan kembali menjadi http:// setelah disimpan (misalnya http://www.google.com/2005), tapi abaikan saja dan kamu bisa kembali ke halaman Settings dan pada bagian HTTPS availability ubah togglenya menjadi hijau atau diaktifkan (Jika sebelumnya sudah aktif, maka bisa dinonaktifkan dulu dan diaktifkan lagi).

Jika semua http sudah berhasil diubah menjadi https, maka ketika kamu reload halaman pengaturan setelah mengaktifkan toggle, kamu akan mendapatkan pesan Status: Pending – HTTPS Availability is being processed. Check back later. san sesuai pesannya, kamu hanya tinggal menunggu penerbitan SSL saja. Ketika sudah terbit, maka status HTTPS availability akan berubah menjadi Available dan blogmu sudah siap diakses menggunakan domain custom.


Terima kasih telah berkunjung ke WPGan.com dan membaca Cara Custom Domain Blogspot Dari CloudFlare. Dapatkan saldo $100 di Vultr gratis untuk uji coba VPS dari [Halaman Ini]