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 bersama-sama tidak dialami oleh semua template (platform Blogger/blogspot). Hanya pada sebagian template saja, niscaya 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 ialah yang ibarat 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="tentang cara mengatasi url gambar pada artikel terbaru di homepage yang tidak support HTTP Cara Mengatasi Gambar di Artikel Homepage Tidak Support HTTPS"/g,"")+'" title="Cara Mengatasi Gambar di Artikel Homepage Tidak Support HTTPS"/g,"")+'"/>';if(t!="")return image_tag;else return""}
//]]>
</script>

Dengan instruksi “pemanggilan” ialah ibarat 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 biar menjadi support HTTPS ialah dengan menambahkan potongan instruksi .replace(/.*?:\/\//g , "//") sebelum instruksi .replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="'+t

Sehingga alhasil menjadi ibarat 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="tentang cara mengatasi url gambar pada artikel terbaru di homepage yang tidak support HTTP Cara Mengatasi Gambar di Artikel Homepage Tidak Support HTTPS"/g,"")+'" title="Cara Mengatasi Gambar di Artikel Homepage Tidak Support HTTPS"/g,"")+'"/>';if(t!="")return image_tag;else return""}
//]]>
</script>

Lalu simpan Template.

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

Terima kasih! 

Advertisement