Cara Mengatasi Gambar di Artikel Homepage Tidak Support HTTPS

Masih dengan tutorial Blogger/blogspot, tentang cara mengatasi url gambar pada artikel terbaru di homepage yang tidak support HTTPS atau SSL.

Kasus ini sebetulnya tidak dialami oleh semua template (platform Blogger/blogspot). Hanya pada sebagian template saja, pasti akan mengalami hal yang demikian.

Tutorial sebelumnya: Cara Membuat Widget Recent Post Seperti Xadow Magz

Teruma pada blog/blosgpot yang belum diganti domain menjadi TLD yang mengaktifkan fitur free SSL dari Blogger, HTTPS.

Gambar menjadi tidak support HTTPS diakibatkan penggunaan JavaScript dalam “memanggil” thumbnail/gambar pada artikel terbaru yang ditampilkan pada homepage (halaman depan blog).

JavaScript yang dimaksud, salah satunya adalah yang seperti berikut ini:

<script type='text/javascript'>
//<![CDATA[
function bung_thumbnail(e,t){var n=300;var r=180;image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.replace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'"/>';if(t!="")return image_tag;else return""}
//]]>
</script>

Dengan kode “pemanggilan” adalah seperti ini:

<a expr:href='data:post.url' expr:title='data:post.title'><script type='text/javascript'>
document.write(bung_thumbnail(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>

Sebagai solusinya,

Untuk mengatasinya agar menjadi support HTTPS adalah dengan menambahkan potongan kode .replace(/.*?:\/\//g , "//") sebelum kode .replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="'+t

Sehingga hasilnya menjadi seperti berikut ini:

<script type='text/javascript'>
//<![CDATA[
function bung_thumbnail(e,t){var n=300;var r=180;image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace(/.*?:\/\//g , "//").replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.replace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'"/>';if(t!="")return image_tag;else return""}
//]]>
</script>

Lalu simpan Template.

Demikian informasi mengenai solusi gambar di homepage (postingan terbaru) yang tidak support HTTPS. Semoga bermanfaat,

Terima kasih!