Langsung ke konten utama

Cara Memasang SSL HTTPS di Blogger Gratis

Pada tutorial kali ini saya akan membagikan cara memasang SSL HTTPS di Blogger Gratis. Kita tau SSL (Secure Socket Layer) adalah sebuah keamanan untuk melindungi sebuah situs dengan teknologi enkripsi yang cukup canggih. Pada saat kita menggunakan SSL atau HTTPS maka akan muncul tulisan Secure atau Aman dan akan ada icon Gembok atau Lock di sampingnya.

(Baca juga : Cara Memasang Komentar Disqus di Blogger dengan Mudah)

Sebelum saya memberikan caranya, sebaiknya kalian tau kekurangan dan kelebihan memasang SSL ini, karena bisa berdampak baik dan buruk bagi blog kalian. Berikut adalah kelebihan dan kekurangan menggunakan SSL.
Cara Memasang SSL HTTPS di Blogger Gratis

Kelebihan dan kekurangan menggunakan SSL


Kelebihan menggunakan SSL

  • Menambah kepercayaan pengunjung pada situs web kita, bahwa website yang kita gunakan aman.
  • Mengamankan aktifitas untuk bertransaksi karena sistem enkripsi yang canggih.
  • Meningkatkan rangking SEO kalian.
  • Google menganjurkan kita menggunakan HTTPS.

Kekurangan menggunakan SSL

  • Harus redirect HTTPS terlebih dahulu.
  • Jika memasang HSTS, kemungkinan web tidak bisa diakses selain pakai HTTPS.
  • Apabila kalian tidak menggunakan HTTPS lagi, maka halaman kalian akan error.

Itu dia kelebihan dan kekurangan menggunakan SSL, sekarang tergantung kalian ingin mengunakan SSL ini atau tidak. Nah langsung saja, bagi yang ingin menggunakan SSL, silahkan ikuti langkah-langkah dari saya berikut ini.

Cara Memasang SSL HTTPS di Blogger Gratis

Karena Cloudflare adalah situs yang memberikan SSL secara gratis selamanya, silahkan kalian daftar dahulu di Cloudflare.

Cara Mendaftar Cloudflare

  1. Silahkan kalian masuk terlebih dahulu ke situs Cloudflare.
  2. Di halaman utama, klik Sign Up.
    CARA PASANG SSL HTTPS GRATIS DARI CLOUDFLARE
  3. Lanjut ke halaman berikutnya, silahkan isi Email yang kalian miliki dan Password yang kalian inginkan. Kemudian beri tanda cek pada I agree to Cloudflare's terms and conditions and privacy policy. Setelah itu klik Create Account.
    Cara Pasang SSL HTTPS di cPanel (Step by Step)
  4. Sekarang silahkan kalian masukan domain situs atau blog kalian. Jangan gunakan http saat memasukan domain kalian.
    Cara Pasang dan Aktifkan HTTPS (SSL) di Blogspot Custom Domain
  5. Kemudian akan di lakukan proses scanning, setelah proses scanning di lakukan, silahkan klik Continue.
    Cara Pasang dan Aktifkan SSL Sertifikat (HTTPS) di Blogspot Custom
  6. Lanjut ke step berikutnya klik lagi Continue.
    Cara Memasang SSL Gratis Cloudflare Selamanya
  7. Sekarang kalian di suruh memilih rencana pembayaran atau Cloudflare Plan, silahkan kalian pilih Free Website, kemudian kalian klik Continue.
    Cara Pasang SSL HTTPS Gratis Dari Cloudflare
  8. Nah, kemudian kalian akan di suruh untuk mengganti Nameservers yang kalian gunakan di Tempat kalian membeli ataupun menggunakan domain, karena saya di sini menggunakan domain ccTLD dot TK, jadi saya harus mengganti Nameservers di freenom.
    Cara Memasang SSL Gratis di Blogger
    • Catatan :
      • Current Nameservers adalah Nameservers awal kalian, jadi yang harus kalian lakukan adalah menggantinya dengan Nameservers baru yang ada di sampingnya, seperti ini. Jangan sampai kalian salah menempatkan Nameservers.
      • Jika ada tulisan Remove this nameserver, berarti kalian harus menghapus dan mengosongkan nameservers tersebut.
      • Ini adalah contoh pengaturan yang di berikan kepada saya. Jangan lupa save nameservers yang di berikan kepada kalian.
        Cara Memasang SSL dan HTTPS di cPanel dan WordPress
  9. Setelah selesai mengaturnya, sekarang klik Continue.
    Cara Membuat HTTPS atau SSL di Blogger
  10. Jika belum di konfirmasi, silahkan klik Recheck sampai tampilan menjadi hijau atau Active seperti ini.
    Cara Merubah HTTP menjadi HTTPS pakai SSL gratis Cloudflare

Cara Setting SSL di Cloudflare

  1. Setelah SSL aktif sekarang pilih menu Caching.
    ssl gratis selamanya
  2. Di halaman Chacing, klik simbol segitiga terbalik di sebelah Purge Individual Files, kemudian pilih Purge Everything. Setelah muncul form konfirmasi, klik lagi Purge Everything.
    Cara Membuat dan Memasang Sertifikat SSL pada Website
  3. Kemudian pilih menu Page Rules.
    Menambahkan SSL di Blogger Custom Domain
  4. Di menu Page Rules, silahkan kalian klik Create Page Rule, masukan link blog kalian dengan menambahkan /*, kemudian klik + Add a Setting, kemudian pilih Always Use HTTPS, setelah selesai klik Save and Deploy.
    Cara Mendapatkan Ssl Gratis Selamanya
  5. Sekarang cek blog kalian, jika sudah berhasil, maka akan muncul https sebelum domain blog kalian.
  6. Jika belum kemungkinan kalian harus menunggu sekitar 24 jam.

Kemudian apa yang harus dilakukan apabila https sudah aktif ?

Hal yang harus dilakukan setelah SSL/HTTPS aktif

  1. Perbaiki widget yang di atur secara manual, karena biasanya menggunakan link http, kemudian ubah menjadi https.
  2. Ubah semua link kalian yang menggunakan http menjadi https.
  3. Pastikan kalian menggunakan template yang support HTTPS.
  4. Submit ulang sitemap ke Google Webmaster tools.

(Baca juga : Cara Menambahkan Sitemap Ke Google Webmaster Tools)

Gan kok blognya gak pake HTTPS?

Alasan mengapa saya tidak menggunakan HTTPS adalah karena template saya yang tidak support, bukan pada saat menjalankan domain, tetapi hanya beberapa fungsi yang ada di template tidak bisa di gunakan. Jadi saya memutuskan untuk tidak menggunakan HTTPS/SSL. Jika masih belum percaya silahkan masuk ke blog saya yang bernama Game Terbaik Android, itu adalah blog saya yang support menggunakan HTTPS secara gratis.

Demikian tutorial dari saya mengenai cara memasang SSL/HTTPS di blogger gratis. Jika ada pertanyaan mengenai cara memasang dan mengatur SSL ini, silahkan kalian masukan di kolom komentar.

Terima kasih sudah berkunjung di blog Tutorial Umum, semoga artikel ini bermanfaat untuk kalian semua. Untuk tutorial mengenai blogging dan tutorial yang lainnya, silahkan kalian tetap kunjungi blog Tutorial Umum.

Postingan populer dari blog ini

Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger

Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger - Setelah sebelumnya saya membagikan tutorial cara membuat widget recent comments ringan di blog, kali ini saya akan membagikan widget yang sama tapi dalam bentuk yang berbeda. Apa bedanya ? Di dalam widget komentar terbaru ini sudah ada judul postingannya, jadi akan terlihat artikel apa yang terakhir di komen oleh pengunjung blog. Untuk masalah kecepatan, widget ini tidak akan menggangu kecepatan blog, jadi kalian tidak perlu khawatir untuk memasang widget ini. (Baca juga : Cara Membuat Widget Recent Comments Ringan di Blog ) Widget ini saya temukan di blog Kang Ghani yang sering membagikan berbagai tutorialnya. Bagi yang ingin tahu bagaimana cara memasangnya, ikuti langkah-langkah berikut ini. Cara Memasang Widget Komentar Terbaru Dengan Judul Postingan di Blogger Langkah pertama masuk ke akun blogger kalian Kemudian pilih menu Tata Letak , kemudian pilih lokasi widgetnya Pilih Tambahkan Gadget , kemudian pili...

Cara Membuat Button Responsive 13 Gaya dengan CSS

Button atau tombol adalah sebuah tampilan atau bentuk untuk mengaktifkan sebuah perintah yang di jalankan oleh admin atau penggunanya. Umumnya button atau tombol ini hanya berupa 1 atau 2 buah saja dalam bentuk terpisah-terpisah. Kali ini saya akan membagikan cara membuat button responsive 13 gaya dengan css . Button responsive ini tidak memakan loading sebuah website atau blog, karena button ini hanya menggunakan css saja. (Baca juga : Cara Membuat Efek Tombol Keyboard di Blogger Dengan CSS ) Ada beberapa pilihan untuk memilih button yang kita inginkan, diantaranya : 6 warna Biru Orange Merah Hijau Ungu Putih 4 ukuran XS (Extra Small) SM (Small) MD (Medium) LG (Large) 2 pengaturan Block Buttons Outline(Accessibility) Untuk tampilan 13 gaya buttonnya silahkan lihat di https://bttn.surge.sh/ . Tampilan Gaya Button Slant, Unite, Float Tampilan Gaya Button Pill, Material - flat, Material - circle Tampilan Gaya Button Fill, Gradient, Jelly Tampilan Gaya Button Stretch, Minimal, Bordered...

Cara Membuat Tombol Demo dan Download Ringan Responsive di Blogger

Tombol download dan demo sangat di butuhkan pada saat kita membagikan sesuatu di blog yang kita miliki. Apalagi untuk kalian yang memiliki blog seperti blog share template, software, film, musik, dan lain sebagainya. Untuk itu kali ini saya akan membagikan cara membuat tombol demo dan download ringan responsive di blogger . (Baca juga :  Cara Membuat Button Responsive 13 Gaya dengan CSS ) Kenapa saya bilang ringan, karena tombol ini hanya menggunakan css jadi tidak masalah karena tidak menggunakan javascript yang berlebihan. Cara konfigurasinya sangat mudah kalian tinggal memasukan link demo atau download kalian. Langsung saja saya akan memberikan cara membuat tombol demo dan download ringan responsive di blogger . (Baca juga :  Cara Membuat Button Dengan Animasi Bounce Effect ) Cara Membuat Tombol Demo dan Download Ringan Responsive di Blogger Langkah pertama masuk ke akun Blogger kalian. Pilih menu Tema , kemudian pilih Edit HTML . Cari script ]]></b:skin> atau ...

Update Template Tutor Magazine 3D Versi 1.0, Template Biru Paling Favorit

Update Template Tutor Magazine 3D Versi 1.0, Template Biru Paling Favorit Setelah sebelumnya saya membagikan template Hijau Magazine v1.0 , kali ini saya akan membagikan template versi terbaru dari Template Tutor Magazine , yaitu Template Tutor Magazine 3D v1.0 . (Baca juga : Download Template Premium Paling Laris 2017, Hijau Magazine V1.0 Template ) Mengapa 3D ? Karena saya sudah menyesuaikan beberapa CSS yang ada, agar tampilannya terlihat 3D atau terlihat seperti nyata. Di Template Tutor Magazine ini, saya juga sudah memperbarui beberapa bug yang ada di Template Tutor Magazine sebelumnya. Untuk keterangan beberapa bug dan update terbaru diantaranya adalah. Perbaikan Thumbnail Gambar menu Postingan Perbaikan Thumbnail Gambar menu Postingan  Perbaikan Primary menu dan Judul Blog  Perbaikan Primary menu dan Judul Blog   Update H2 Update H2  Popular Posts update style  Popular Posts update style  Perubahan Posisi & update beberapa fitur.  Perubahan ...