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 Memasang Komentar Disqus di Blogger dengan Mudah

Komentar Disqus adalah sistem komentar paling di gemari oleh para blogger, karena banyak memiliki fitur-fitur yang lebih baik daripada sistem komentar yang lainnya. Karena komentar disqus mudah di gunakan, apalagi sistem komentar disqus yang mobile friendly , yaitu fitur yang bisa di gunakan di berbagai device . Untuk itu pada tutorial kali ini, saya akan memberikan cara memasang komentar Disqus di blogger dengan mudah. Akan tetapi agan tidak perlu takut kalau komentar yang berada di blogger akan hilang apabila agan memasang komentar disqus ini, karena fitur dari sistem komentar disqus yang dapat mengimport komentar yang sudah ada di blog agan. Untuk cara memasang komentar disqus di blogger dengan mudah , ikuti langkah-langkah dari saya berikut ini. Cara Memasang Komentar Disqus di Blogger Langkah pertama masuk ke dalam akun Blogger agan Kemudian masuk ke halaman Disqus , langsung pilih GET STARTED Silahkan masukan Nama , Email , dan Password yang agan inginkan di form tersebut Selanj...

Cara Memperbaiki Banner Iklan Header Right Hijau Magazine

Bagi yang sudah mendownload template Hijau Magazine , jika kalian ingin menampilkan banner iklan header agar tampil maksimal, ikuti langkah-langkah berikut ini. (Baca juga :  Download Template Premium Paling Laris 2017, Hijau Magazine V1.0 Template ) Cara memperbaiki banner iklan Header Right template Hijau Magazine Langkah pertama masuk ke akun Blogger kalian. Pilih menu Tema , kemudian piih Edit HTML . Cari script kode @media only screen and (max-width:925px){ , masukan script kode berikut ini tepat di bawahnya . .header-right { float: none; padding: 0; overflow: hidden; margin: 15px 0; width: 100%; max-width: 728px; } (Baca juga :  Update Template Tutor Magazine 3D Versi 1.0, Template Biru Paling Favorit ) Bagi yang belum mendownload template Hijau Magazine dari saya, silahkan download di tutorialumum.com . Terima kasih bagi kalian yang sudah mendownload template Hijau Magazine.

Cara Membuat Widget Popular Post Berdasarkan Label di Blogger

Sebelumnya saya telah membagikan artikel tentang cara membuat widget popular post dengan rating bintang , pada tutorial kali ini saya akan memberikan cara tentang membuat popular post juga, tetapi yang berbeda adalah widget popular post ini di sortir berdasarkan label atau biasa kita sebut sebagai kategori dari artikel. Jadi yang kita lihat adalah label yang sama dalam 1 widget. (Baca juga :  Cara Membuat Widget Popular Post Dengan Rating Bintang ) Lebih jelasnya widget popular post ini akan menampilkan artikel terpopuler dari label yang di pilih. Tidak hanya itu di bawah widget popular post per label ini juga di tambahkan link agar pengunjung bisa melihat semua artikel yang ada di label atau kategori tersebut. Langsung saja untuk cara memasang widget popular post berdasarkan label di blogger , silahkan ikuti langkah-langkah dari saya berikut ini. (Baca juga :  Cara Membuat Widget Recent Post Multi Color Keren di Blogger ) Cara Memasang Widget Popular Post Berdasarkan Label di...

Cara Membuat Share Button Melayang Dengan Sumo Me

Share button atau tombol share sangatlah penting dalam sebuah blog, tombol share ini berfungsi untuk membagikan artikel kita di sebuah situs jejaring sosial . Biasanya setelah setelah mengklik tombol share, maka tampilan situs jejaring sosial tersebut langsung akan muncul. Tombol share ini juga berguna untuk meningkatkan view, karena blog kita sudah ada di situs jejaring sosial yang kita miliki. Tombol share ada banyak jenisnya, dari yang bawaan template yang kita pakai, ataupun yang bisa kita pasang secara manual. (Baca juga : Cara Membuat Tombol Share Bergaya Flat di Blogger ) Tetapi kali ini saya tidak akan menjelaskan tentang tombol share bawaan template, tetapi tentang tombol share yang bisa di pasang secara manual. Disini saya akan memakai tombol share dari Sumo Me. Sumo Me adalah tombol share yang sangat populer, karena banyak blog-blog yang sudah terkenal memakai tombol share ini. Untuk contoh tampilannya, kalian bisa lihat di samping kiri pada blog Tutorial Umum. Terlihat ...

Cara Menggunakan Google Webmaster Tools Terbaru

Kita sering melihat banyak blog yang muncul di google.com . Biasanya untuk mencapai posisi teratas dari google, seorang blogger menggunakan berbagai cara seperti menggunakan Webmaster tools . Untuk itu, pada tutorial kali ini saya akan memberikan cara menggunakan google webmaster tools . Sebetulnya banyak webmaster tools yang bisa digunakan para blogger, tetapi untuk mempermudah para blogger, google telah menyediakan Webmaster Tools agar para blogger dapat dengan mudah mengideks artikel-artikel mereka. (Baca juga :  Cara Menggunakan Bing Webmaster Tools Terbaru ) Apa itu Google webmasters tools ? Seperti yang sudah saya jelaskan tadi, Google Webmaster tools adalah fasilitas yang di berikan google agar mempermudah para pemilik sebuah situs dalam mesin pencari. Dalam hal ini Google juga memperlihatkan kinerja dari website atau situs yang kita miliki. Tidak usah panjang lebar menjelaskan, berikut adalah cara menggunakan Google webmaster tools. (Baca juga :  Cara Mengatasi Webmas...

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 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 Membuat Recent Post Berdasarkan Label Di Blogger

Setelah sebelumnya saya sudah membuat popular post berdasarkan label , pada tutorial kali ini saya akan membagikan tutorial tentang cara membuat recent post berdasarkan label di blogger . Yang membedakan dari widget sebelumnya adalah antara widget popular atau populer yang hanya menampilkan artikel populer dan recent post atau artikel terbaru. (Baca juga :  Cara Membuat Widget Popular Post Berdasarkan Label di Blogger ) Ini memungkinkan visitor atau pengunjung blog untuk melihat serta memilih artikel dengan label atau kategori yang mereka sukai. Tidak hanya itu, script yang di pakai juga tidak terlalu banyak sehingga memudahkan kita mengatur widget recent post ini. Masih sama seperti widget popular post per label, widget ini juga memiliki pengaturan yang memudahkan kita untuk menampilkan beberapa fitur yang ada di dalam widget ini. Untuk cara memasang widget recent post berdasarkan label di blogger, ikuti langkah-langkah dari saya berikut ini. (Baca juga :  Cara Membuat Recent...

Cara Memasang Tag Hreflang di Blog

Cara Memasang Tag Hreflang di Blog Tag Hreflang biasa digunakan untuk mencari bahasa yang benar di dalam hasil penelusuran. Tag hreflang ini jarang di ketahui para blogger-blogger pemula , karena fungsinya yang tidak terlalu di perhatikan. Seberapa pentingkan tag hreflang ini? Sebenarnya tag hreflang ini tidak terlalu berpengaruh terhadap rangking dari sebuah artikel, tapi tag hreflang akan sangat berguna apabila ada pengunjung dari luar regional atau daerah target blog yang kita miliki di Search Console. (Baca juga : Cara Menggunakan Google Webmaster Tools ) Sehingga pengunjung akan betah berada di blog yang kita miliki, karena bahasanya cocok dengan bahasa di daerah regional mereka. Contoh skrip dari tag hreflang tersebut. <link rel="alternate" href="http://www.tutorialumum.com" hreflang="en-us" /> Untuk cara memasang tag hreflang secara default agar menyesuaikan dengan mesin pencari, ikuti langkah-langkah dari saya berikut ini. Cara Memasang Ta...