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 Syntax Highlighter Otomatis Tanpa Javascript di Blogger

Syntax Highlighter adalah sebuah wadah untuk menampilkan sebuah kode pemograman. Dimana, syntax highlighter ini sering di gunakan untuk membuat sebuah tutorial di sebuah situs web.Syntax highlighter umumnya berwarna-warni, karena menggunakan banyak javascript , namun pada tutorial kali ini, saya akan membagikan tutorial tentang cara membuat syntax highlighter otomatis tanpa javascript di blogger . Wow tanpa javascript? Emang bisa? Karena syntax highlighter ini hanya menggunakan satu warna saja, jadi syntax highlighter ini tidak memerlukan javascript. Untuk memanggil syntax highlighter ini, agan hanya cukup menggunakan 2 script saja, karena itulah di sebut otomatis. (Baca juga :  Cara Membuat Prism Syntax Highlighter untuk Menampilkan Script Code di Blogger ) Mengenai syntax highlighter yang bisa mengurangi kecepatan blog agan, agan tidak perlu takut karena syntax highlighter ini hanya menggunakan script CSS saja. Itulah bedanya syntax highlighter ini dengan syntax highlighter yang...

Cara Memasang Script Redirect UC Browser ke Chrome Lebih Cepat

UC Browser memanglah browser terbaik untuk menampilkan halaman website tanpa iklan. Namun ini akan berdampak buruk bagi para publisher , khususnya publisher Google AdSense . Dengan banyaknya pengguna UC Browser, maka para publisher akan kehilangan banyak penghasilan. Untuk itulah pada tutorial kali ini saya akan memberikan cara memasang script redirect UC browser ke Chrome dengan mudah dan pastinya cepat . Script ini sebenarnya saya dapatkan dari forum ads.id, karena kebetulan script auto redirect ini lagi terkenal, akhirnya saya share ke blog saya. Script auto redirect ini mungkin bisa lebih cepat dari pada script auto redirect yang di share sebelumnya di forum ads.id, tapi saya juga belum tahu pasti seberapa cepat script ini bisa auto redirect dari UC browser ke Chrome. (Baca juga :  Cara Memasang Lebih Dari 2 In-Feed Ads Google AdSense ) Untuk cara memasangnya, langsung saja ikuti langkah-langkah dari saya di bawah ini. Cara Memasang Script Redirect UC Browser ke Chrome di Blog...

Cara Memasang Lebih Dari 2 In-Feed Ads Google AdSense

Setelah sebelumnya saya membagikan cara memasang In-feed ads Google AdSense secara otomatis , kali ini saya akan membagikan cara memasang lebih dari 2 In-feed ads Google Adsense . (Baca juga : Cara Memasang In-Article Ads Google AdSense Secara Otomatis ) Seperti yang kita ketahui fitur In-feed ads ini sangat berguna bagi para publisher Google AdSense. Karena memudahkan para pengunjung kita untuk melihat dan meng-klik iklan yang ada di pertengahan menu postingan. Selain itu, iklan In-feed ads ini juga tidak merusak pandangan blog kita. Sehingga tidak akan mengurangi pengalaman pengunjung terhadap blog yang kita miliki. Singkat cerita saya mendapatkan kode memasang iklan ini dari blog idola saya yaitu Arlina Design , tetapi karena kode yang di berikan hanya 2 buah slot saja, maka saya akan memberikan cara memasang iklan In-feed ini lebih dari 2 buah. Nah, bagi yang belum tahu cara memasang lebih dari 2 buah In-feed ads , ikuti langkah-langkah dari saya berikut ini. Cara Memasang Lebih d...

Cara Membuat Prism Syntax Highlighter untuk Menampilkan Script Code di Blogger

Untuk kalian yang gemar membagikan tutorial di blogger pastinya kalian membutuhkan Syntax Highlighter ini, apalagi kalian yang menerapkan blog dengan niche programming. Pada tutorial kali ini saya akan memberikan tutorial tentang cara membuat prism syntax highlighter untuk menampilkan script code di blogger . (Baca juga :  Cara Membuat Syntax Highlighter Otomatis Tanpa Javascript di Blogger ) Syntax Highlighter ini sudah tidak saya pakai sekarang, tetapi syntax highlighter ini sangat cocok untuk membagikan tutorial-tutorial yang menggunakan coding. Syntax Highlighter ini saya temukan di blog Arlina Design yang menerapkan niche tutorial blog dan sering membagikan template yang responsive. Kata admin blog Arlina Design, syntax highlighter ini adalah kombinasi antara syntax highlighter yang di buat blog Kang Ismet dan fitur penomoran yang di buat blog Kompi Ajaib . Untuk lebih jelasnya ikuti langkah-langkah dari saya mengenai cara membuat prism syntax highlighter untuk menampilkan ...

Cara Mudah Menghapus Blog di Blogger

Menghapus blog biasanya di lakukan pada saat blog yang kita buat salah nama, atau bisa jadi error pada banyak artikel. Kejadian ini adalah hal yang umum di lakukan, tetapi lebih baik sobat pikirkan terlebih dahulu sebelum membangun sebuah blog karena kejadian seperti ini banyak terjadi di kalangan blogger pemula. Bagi kalian yang sudah terlanjur, dan ingin menghapus blog kalian, kali ini saya akan memberikan cara mudah menghapus blog di blogger . (Baca juga : Cara Menghapus Tulisan Diberdayakan oleh Blogger ) Bagi sobat yang ingin menghapus blog , ikuti langkah-langkah dari saya berikut ini. Cara Menghapus Blog di Blogger Langkah pertama masuk ke akun Blogger sobat Pilih blog yang ingin di hapus Pilih menu Setelan , pilih Lainnya , kemudian pilih Hapus blog Sebelum menghapus, jika sobat ingin mengekspor blog sobat silahkan pilih Download blog Untuk langsung menghapus blog silahkan pilih Hapus Blog ini Sekarang blog sobat sudah di hapus, untuk menghapus secara permanen, silahkan ikuti ...