Mengaktifkan SSL pada Blogger Custom Domain

Friday 21 October 2016
Posted in: WebDev

Google memberikan fitur standar SSL untuk blogspot. Tapi, hal itu tidak bisa diterapkan untuk blogspot dengan konfigurasi domain khusus (custom). Bagi Anda yang belum tahu, domain dengan SSL akan menjadi kunci bagi google dalam menentukan ranking pencarian di situs mereka.

cloudflare

Ciri domain yang sudah menggunakan SSL adalah dapat diakses dengan url https://www.namawebsite.com. Selain itu, pada url web address bar browser akan muncul tanda gembok berwarna hijau.

Setelah gugling ke sana-kemari, saya menemukan panduan yang lumayan mudah diimplementasikan. Intinya adalah kita akan memanfaatkan fasilitas SSL gratis dari Cloudflare. Anda membutuhkan akses untuk mengelola nama server domain Anda.

Tahap 1: Mendaftar dan mengaktifkan Cloudflare

  1. Daftar di situs Cloudflare (gratis).
  2. Tambahkan situs Anda.
  3. Ganti nameserver domain Anda ke nameserver yang diberikan oleh Cloudflare. Hal ini dilakukan via domain manager Anda

Tahap 2: Mengaktifkan fitur SSL Cloudflare.

  1. Lihat tab “Crypto” pada dashboard Cloudflare.
  2. Atur SSL menjadi Flexible, dan simpan.
  3. Pindah ke tab “Page Rules”.
  4. Tambahkan rules domain Anda menjadi forwarding URL –> Always Use HTPS

Tahap 3: Setting pada Blogger

  1. Masuk mode edit template HTML
  2. Cari baris </head> dan masukkan script berikut:
    <script>
    $(document).ready(function() {
    $("a").each(function() {
    var i = $(this).attr("href");
    var n = i.replace(http://www.yourdomain, "https://www.yourdomain");
    $(this).attr("href", function() {
    return n
    })
    })
    });
    </script>
  3. Cari kembali baris berikut:
    <b:include data='blog' name='all-head-content'/>
  4. Ganti dengan:
    <link href='https://www.yourdomain.com/favicon.ico' rel='icon' type='image/x-icon'/>
    <meta content='blogger' name='generator'/>
    <link href='https://www.yourdomain.com/feeds/posts/default' rel='alternate' title='Blogger Guider - Atom' type='application/atom xml'/>
    <link href='https://www.yourdomain.com/feeds/posts/default?alt=rss' rel='alternate' title='Blogger Guider - RSS' type='application/rss xml'/>
    <link href='https://www.blogger.com/feeds/BLOGID/posts/default' rel='service.post' title='Blogger Guider - Atom' type='application/atom xml'/>
    <!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/2591933621-ieretrofit.js"></script>
    <![endif]-->
    <meta expr:content='data:blog.url' name='og:url:domain'/>
    <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," "figure,footer,header,hgroup,mark,menu,meter,nav,output," "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i ) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->

Sumber:
http://www.bloggerguider.com/2016/08/https-ssl-for-blogger-custom-domains.html

You might also enjoying this post.