Categories: Website

Cara Gratis Menggunakan SSL untuk Website atau blog dengan Cloudflare

SSL atau Secure Socket Layer adalah salah satu protokol aman untuk transfer dokumen web sehingga tidak bisa dicuringi dengar oleh pihak yang tidak diizinkan karena telah dienkripsi. SSL untuk sebuah website atau blog biasa dengan menggunakan protokol https untuk URL laman. Untuk menngaktifkan fitur https pada website, kita memerlukan sertifikat digital yang telah ditandatangi oleh pihak ketiga yang dipercayai, misalnya Verisign, DigiCert, dan lain sebagianya. Untuk mendapatkan sertifikat SSL tersebut, kita perlu mengeluarkan biaya tambahan serta terkadang diwajibkan menggunakan dedicated IP address.

Kali ini saya akan menjelaskan bagaimana menggunakan https untuk blog atau website kita tanpa harus mengeluarkan biasa tambahan dengan memanfaatkan fitur gratis Universal SSL dari Cloudflare. Untuk itu silahkan daftar Cloudflare secara gratis dan gunakan metode mengarahkan name server domain ke cloudflare untuk mengaktifkan CDN-nya pada website Anda. Jangan gunakan fitur pada cPanel.

Fitur SSL Cloudflare tersedia 4 pilihan yaitu :

1. Mode off, artinya SSL dinonaktifkan.
2. Mode Flexible SSL, visitor terkoneksi dengan https ke Cloudflare, dan dari Cloudflare ke website kita secara http biasa.
3. Mode Full SSL, visitor terkoneksi dengan https ke Cloudflare, dan dari Cloudflare ke website kita secara https namun sertifikat SSL menggunakan self-signed, artinya kita tidak perlu membeli sertifikat SSL. Inilah yang akan kita gunakan.
4. Mode Full (Strict), sama seperti yang nomor 3 namun kita menggunakan SSL sertifikat yang telah ditandatangai oleh pihak ketiga.

================================================================================

Update :

*Bila pada cPanel anda tidak ada fitur SSL/TLS manager karena tidak diaktifkan oleh penyedia web hosting, atau pengguna layanan hosting gratis yang tidak memiliki fitur self-signed ssl, gunakan saja mode Flexible SSL pada pilihan SSL di Cloudflare. Jadi tanpa perlu menginstall sertifikat pada hosting, website sudah dapat diakses dengan https.

*Jika menggunakan WordPress dan menggunakan mode flexible ssl, akan terjadi looping setelah kita mengatur url default sebagai https. Sebelum mengatur url pada wordpress, gunakan dulu plugin berikut : CloudFlare Flexible SSL. Install dan aktifkan plugin tersebut, kemudian baru masuk ke pengaturan URL dan ganti WordPress Address dan Site URL dengan protokol https.

================================================================================

Kita anggap Cloudflare sudah di setting dan berjalan menjadi CDN website, nah langkah pertama yang kita lakukan ialah memasang SSL di cPanel.

Pertama, buka cPanel dan klik SSL/TLS Manager

Kedua, pada Certificates (CRT) klik Generate, view, upload, or delete SSL certificates.

Ketiga, scroll pada Generate New Certificate isikan nama domain, city, state, country dan company lalu klik Generate,

dan certificate berhasil di generate.

Keempat, klik Return to SSL Manager

Kelima, pada Install and Manage SSL for your site (HTTPS) klik Manage SSL sites.

Keenam, pada Install an SSL Website pilih domain tadi yang digenerate SSL-nya, klik Atofill by Domain lalu klik Install Certificate.

Berhasil menginstall SSL.

Langkah selanjutnya adalah memilih pilihan pada settingan Cloudflare. Login ke Cloudflare dan pilih Cloudflare Settings

Pada pilihan SSL, pilih Full SSL

Pastikan pesan ini muncul pertanda settingan telah tersimpan

Sekarang coba buka website dengan protokol https, dan seharusnya sudah bekerja. Jika terjadi mixture content, berarti ada protokol http pada source halaman website, bisa jadi script ataupun gambar, ataupun script embed dan analytics semacam histats, youtube, dan yang lain. Solusinya gunakan kode embed yang mendukung SSL.

Untuk pengguna WordPress CMS, setting URL WordPress menjadi https pada pengaturan-nya.

Jika ada masalah dan kesulitan, silahkan bertanya pada kolom komentar 🙂

Riza Mirza

Riza Mirza, seorang web developer dan internet marketer dari Lhokseumawe, Aceh. Juga alumni S1 Informatika Universitas Al Muslim dan S2 Magister Teknologi Informasi Universitas Malikussaleh, anggota Persatuan Pewarta Warga Indonesia, dan Manajer IT pada portal berita lokal.

View Comments

  • gan kalau ane sudah pasang ssl dari comodo namun ada segita kuning di httpsnya kenapa ya ?

  • Sempurna!
    Itu adalah kata yg tepat utk tutorial cara pasang SSL di Cloudflare ini.
    Saya mengikuti semua langkah demi langkah yg dijelaskan & berhasil! :)
    Makasih banyak ya mas.. sangat2 berguna bagi nyubi seperti saya.

    Btw, tanda gembok punya saya kok hanya di admin dashboard saja ya mas?
    Sedangkan untuk tampilan normalnya masih ada tanda seru sebelum https.
    Mohon pencerahannya. Makasih sebelumnya

          • kalo mixture content kan solusinya gunain kode embed yang mendukung SSL
            nah kode embed nya kek gimna min bisa minta ? trus ditaruh mana ?

          • oh iya min pas ane tes web ane di https://www.whynopadlock.com
            ada yg salah notifnya
            SSL verification issue (Possibly mis-matched URL or bad intermediate cert.). Details:
            ERROR: cannot verify tamvan-crew.tk's certificate, issued by '/ST=Jawa Tengah/L=Wonogiri/C=ID/O=Oriable Team/CN=tamvan-crew.tk':

            trus yg kedua
            SSL certficate is using SHA-1 algorithm that expires after 2015. You should re-issue your SSL certificate as SHA-2 to avoid padlock warning in Chrome.

            nah gimnna tuh min ngilanginnya :( mohon penjelasan min penting soalnya

          • Agan generate sertifikat SSL di cPanel ? Trus di cloudflare SSL-nya pakai mode apa ? Flexible, Full, atau Full Strict.

  • IT's WORK !!

    Love u so much.. ditambah info SUPER utk cek kenapa ga hijau lambangnya..
    jadi,,,,,
    PERFECT MASTAH !!

    • Kemungkinan menu SSL/TLS udah di disable sama admin web hosting, coba hubungi web hosting agan

    • Tambahan : Aktifkan mode flexible ssl aja gan, tanpa perlu install certificate https udah berjalan. Jika menggunkan wordpress, pakai plugn Cloudflare Flexible SSL untuk fix looping-nya. Link download plugin ada di postingan ini yang sudah saya update.

  • ternyata mendapatkan ssl gratis itu cukup simple dan gampang, terima kasih mas tutorialnya

    • Bisa juga. Cuma agan perlu beli sertifikat SSL atau pakai self-siged aja, tapi kalau self-signed dapat warning dari browser.

Recent Posts

Tanda Tangan Digital: Inovasi untuk Kemudahan Birokrasi

Penggunaan teknologi semakin meluas, termasuk dalam hal tanda tangan. Dahulu, tanda tangan dianggap sebagai identitas…

3 bulan ago

Dampak Negatif dan Bahaya Plagiarisme bagi Mahasiswa dalam Membuat Tugas

Plagiarisme, tindakan menyalin atau mengambil karya orang lain tanpa memberikan kredit yang sesuai, merupakan masalah…

4 bulan ago

Smart TV: Teknologi Canggih dengan Pro dan Kontra

Dalam era digital yang terus berkembang, perangkat pintar semakin merambah kehidupan sehari-hari. Salah satu perangkat…

7 bulan ago

Era ‘Mobile Computing’ untuk Kemudahan Peradaban Manusia

Mobile computing adalah istilah yang digunakan untuk menggambarkan kemampuan komputer atau perangkat elektronik untuk beroperasi…

11 bulan ago

Pentingnya Teknologi VPN untuk Jurnalis

Pada zaman digital seperti saat ini, jurnalis tidak lagi harus mengumpulkan informasi dari sumber-sumber yang…

1 tahun ago

Teknologi DNS Pribadi: Solusi Keamanan Data Pengguna

Dalam era digital saat ini, internet telah menjadi bagian penting dari kehidupan kita. Hampir semua…

1 tahun ago

This website uses cookies.