Cara Setting Cloudflare di Blogger agar HTTPS Aman & Stabil

Setting Cloudflare di Blogger membantu mengaktifkan HTTPS gratis dan mempercepat akses situs kamu secara aman.

Ingin tahu cara menghubungkan Blogger ke Cloudflare dengan benar agar situs kamu cepat, aman, dan bebas error HTTPS? Kalau kamu pakai domain custom di Blogger dan menggunakan Cloudflare, sering muncul masalah seperti:

• Website tidak bisa dibuka di PC
• Redirect 301 dua kali
• Muncul ?m=1 di HP
• Pesan error SSL Handshake Failed (525)
• Atau situs tidak aman (Not Secure)

Artikel ini membahas cara setting Cloudflare untuk Blogger custom domain secara lengkap dan SEO-friendly, supaya blog kamu tampil stabil dan aman di semua perangkat.

🔍 Mengapa Blogger Butuh Cloudflare?

Cloudflare bukan hanya DNS, tapi juga CDN (Content Delivery Network) yang mempercepat akses dan melindungi blog dari serangan bot serta DDoS. Dengan menghubungkan Blogger ke Cloudflare, kamu bisa mendapatkan:

• Akses HTTPS gratis
• Kecepatan loading lebih cepat
• Perlindungan dari spam dan trafik palsu
• Pengalihan otomatis dari HTTP → HTTPS

Namun, banyak pengguna Blogger mengalami redirect 301 dua kali atau error SSL karena pengaturan Cloudflare yang salah.

Selain meningkatkan keamanan dengan Cloudflare, kamu juga bisa mempercantik tampilan blog dengan membuat iklan melayang di Blogger agar pengunjung lebih tertarik dan interaktif.

Contoh konfigurasi DNS Cloudflare yang benar untuk Blogger agar SSL aktif dan tidak terjadi redirect 301 ganda.

⚙️ Langkah 1: Tambahkan Domain Blogger ke Cloudflare

1. Masuk ke Cloudflare Dashboard.
2. Klik Add a Site.
3. Masukkan domain kamu, contoh: saifulhuda.com.
4. Pilih Free Plan, lalu lanjut.
5. Tunggu Cloudflare mendeteksi DNS Blogger, lalu klik Continue.

🌐 Langkah 2: Atur DNS Cloudflare untuk Blogger Custom Domain

Masuk ke tab DNS → Records, lalu tambahkan baris berikut:

Type	Name	Content	Proxy
A	@	216.239.32.21	☁️ ON
A	@	216.239.34.21	☁️ ON
A	@	216.239.36.21	☁️ ON
A	@	216.239.38.21	☁️ ON
CNAME	www	ghs.google.com	☁️ ON

Pastikan status proxy berwarna oranye (ON). Kalau masih abu-abu (DNS only), SSL dari Cloudflare tidak akan aktif.

🔒 Langkah 3: Ubah Mode SSL di Cloudflare

Masuk ke menu SSL/TLS → Overview lalu pilih mode:

✅ Full

🚀 Langkah 4: Tambahkan Worker untuk Redirect dan Hapus ?m=1

Cloudflare Worker berguna untuk:

• Redirect otomatis dari non-www ke www
• Menghapus ?m=1 di HP
• Memaksa versi HTTPS secara stabil

Masuk ke Workers & Pages → Workers → Create Worker, lalu ganti kode default dengan script berikut:

      addEventListener("fetch", (event) => {
  event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
  let url = new URL(request.url);

  // Hapus ?m=1 jika ada di awal
  if (url.searchParams.has("m")) {
    url.searchParams.delete("m");
    return Response.redirect(url.href, 301);
  }

  // Ubah user-agent jadi desktop
  const modifiedHeaders = new Headers(request.headers);
  modifiedHeaders.set("User-Agent", 
    "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36"
  );

  const modifiedRequest = new Request(url.toString(), {
    method: request.method,
    headers: modifiedHeaders,
    redirect: "manual",
  });

  // Kirim request ke Blogger
  let response = await fetch(modifiedRequest);

  // Jika Blogger redirect dan bawa lagi ?m=1, hapus lagi
  if ([301, 302, 303, 307, 308].includes(response.status)) {
    let location = response.headers.get("Location");
    if (location) {
      const locUrl = new URL(location);
      if (locUrl.searchParams.has("m")) {
        locUrl.searchParams.delete("m");
        location = locUrl.href;
      }
      return Response.redirect(location, 301);
    }
  }

  return response;
}
      

Dengan Cloudflare, blog Blogger kamu jadi lebih aman, cepat, dan bebas dari masalah redirect ganda maupun error HTTPS.

🔁 Langkah 5: Tambahkan Route Worker

Setelah Worker disimpan, buat Route-nya:

• Masuk ke Workers → Triggers → Routes
• Tambahkan 2 route:

  saifulhuda.com/* 
  www.saifulhuda.com/*

• Pilih Worker yang tadi kamu buat.

Pada bagian Failure Mode, pilih: ✅ Fail Open (Proceed) — supaya jika Worker error, blog tetap bisa diakses langsung dari Blogger.

⚡ Langkah 6: Hapus Redirect Ganda

Jika kamu sebelumnya menggunakan Page Rule untuk redirect non-www → www, hapus Page Rule tersebut agar tidak terjadi double redirect. Redirect ideal hanya satu langkah:

• Salah (2x 301): http://saifulhuda.com → https://saifulhuda.com → https://www.saifulhuda.com
• Benar (1x 301): http://saifulhuda.com → https://www.saifulhuda.com

🔍 Langkah 7: Tes Redirect dan HTTPS

Gunakan tool gratis untuk mengecek alur redirect:

• https://httpstatus.io
• https://redirect-checker.org

Hasil ideal:

http://saifulhuda.com → https://www.saifulhuda.com (301)
https://www.saifulhuda.com → 200 (OK)

⚠️ Langkah 8: Solusi Jika Masih Error

Masalah	Penyebab	Solusi
SSL Handshake Failed (525)	Mode SSL masih Flexible	Ganti ke Full
Redirect 301 dua kali	Ada 2 rule redirect (Page Rule + Worker)	Hapus salah satu rule
Situs tidak dapat dijangkau	DNS belum tersambung ke Cloudflare	Pastikan proxied ☁️ ON
Masih muncul ?m=1 di HP	Worker belum aktif di route	Tambahkan route domain.com/*

Dengan pengaturan ini, kamu sudah berhasil:

• Menghubungkan Blogger ke Cloudflare
• Mengaktifkan HTTPS tanpa error
• Menghapus redirect 301 ganda
• Menghilangkan ?m=1 di HP
• Meningkatkan kecepatan & keamanan blog

Cloudflare + Blogger = kombinasi ringan, aman, dan SEO-friendly 🔥

Dengan pengaturan ini, kamu sudah berhasil menghubungkan Blogger ke Cloudflare dan membuat blog lebih cepat serta aman. Jika kamu ingin melangkah lebih jauh dalam otomasi, pelajari juga cara membuat website auto generate content agar blog kamu bisa update konten otomatis setiap hari.