Cara Mengatasi Error pada Blogspot Setelah Mengaktifkan HTTPS

Tutorial blogger kali ini tentang cara mengatasi error pada blogspot setelah mengaktifkan SSL HTTPS di blogspot/blogger. Pada bulan Oktober 2015 Google baru saja menambahkan fitur baru pada dasbor blogger, yaitu sebuah saluran aman SSL berupa HTTPS. Artinya, mulai saat itu juga pengguna platform blogger sudah dapat mengaktifkan HTTPS ini khusus buat blog yang masih menggunakan domain .blogspot.com, yang sudah custom domain belum dapat menikmati fitur gratis ini.

Baca juga: Cara Mencegah Pengalihan/Redirect Dari blogspot.com ke blogspot.co.id

Penambahan HTTPS pada domain blog ini dimaksudkan untuk memberikan kepercayaan tinggi kepada para pengunjung atau pembaca blog, bahwa blog yang sedang dikunjungi ini aman dari hal-hal jahat berupa malware dan virus.
Cara Mengatasi Error pada Blogspot Setelah Mengaktifkan HTTPS
Bagi anda yang ingin mengaktifkan HTTPS di awal domain blog caranya sangat gampang. Anda tinggal login ke blogspot anda > Dashboard > Setting > pilih Yes pada HTTPS Setting. Kemudian buka blog anda untuk melihat perubahannya. Jika berhasil maka blog anda akan dapat diakses seperti ini https://namabloganda.blogspot.com.

Hanya saja setelah mengaktifkan fitur HTTPS ini, ada saja yang error pada template blogger/blogspot, yaitu font, gambar (pada css), widget facebook, komentar blog tidak muncul dan lain sebagainya. Hal itu terjadi karena terjadi blokir code template oleh HTTPS itu sendiri. HTTPS tidak menerima atau tidak dapat membuka url yang menggunakan HTTP.

Untuk mengatasi masalah seperti ini maka kita perlu mengubah url dengan awalan HTTP agar dapat diakses oleh HTTPS. Cara mengubahnya sebagai berikut.

Cara Mengatasi Error pada Template Blogspot Setelah Mengaktifkan HTTPS

  1. Masuk ke Edit HTML blog Anda.
  2. Klik bidang kode Edit HTML.
  3. Kemudian lakukan atau tekan pada keyboard CTRL+SHIFT+R
  4. Masukan http:// pada kotak yang muncul di pojok kanan-atas kotak edit HTML, lalu tekan enter.
  5. Kemudian masukan kode // pada kotak yang muncul selanjutnya.
  6. Selesai, kemudian Simpan Template.
Cara Mengatasi Error pada Blogspot Setelah Mengaktifkan HTTPS
Sehingga akan didapat hasil seperti pada penggunaan font berikut ini:
Url yang tidak dapat diakses HTTPS
http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700

Perubahan setelah kode http:// diubah menjadi // (dapat diakses HTTPS)
//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700

Dengan mengubah url http:// menjadi // maka seluruh url atau kode yang ada di template blog anda dapat dikases dengan HTTPS.


Jika anda ingin agar blogspot langsung otomatis diakses dengan HTTPS anda bisa menambahkan kode redirect domain berikut ini di atas kode </head>.

1. Script mengubah/redirect HTTP menjadi HTTPS dan domain blogspot.co.id menjadi blogspot.com.
<script type='text/javascript'>
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
  var ncr = "https://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr);}
</script>

2. Hanya mengubah HTTP ke HTTPS tanpa merubah domain blogspot.
<script type='text/javascript'>
function check_secure() {
var secssl = /^https/i;
var blog = document.location.hostname;
var slug = document.location.pathname;
var subs = window.location.search;
if (!window.location.origin.match(secssl)) {
window.location = "https://" + blog + slug + subs;
}
}
check_secure();
</script>

Kedua script di atas berbeda fungsinya, pilih salah satu dari kedua script tersebut sesuai kebutuhan blog anda.

Demikian tutorial tentang cara mengatasi error pada blogspot setelah mengaktifkan HTTPS. Semoga membantu, selamat mencoba dan salam sukses.

Source: http://www.kompiajaib.com/

Advertisement