Mengatasi Gambar Postingan Blog / Blogger Error

Bagi sobat yang mengalami postingan gambar error dan sedang mencari solusinya sobat bisa mencoba beberapa cara dibawah ini.

Pada awal bulan Mei 2021, sebagian besar pengguna blogger/ blogspot mengalami eror dimana gambar pada seluruh postingan blog tidak bisa muncul di broser. 

Gambar yang terlihat hanya icon gambarnya saja ini menunjukan gambar tersebut tidak bisa ditampilkan dengan sempurna di browser.

Hal ini Ternyata yang menjadi masalah adalah google dari chrome atau yang berbasis chrominum tidak dapat membaca gambar dengan alamat url 1.bp.blogspot.com

Hal ini masih bisa diatasi dengan melakukan beberapa cara agar error dapat teratasi

1. Dengan menganti kode alamat gambar (link gambar)

Sobat bisa enganti kode link gambar tersebut dengan yaitu 1.bp menjadi 2.bp atau 3.bp dan setelah diganti akan normal kembali gambarnya.

Contoh :
https://1.bp.blogspot.com/-4t1uJMfZ90k/YIaQWuewfsI
Ubah menjadi
https://2.bp.blogspot.com/-4t1uJMfZ90k/YIaQWuewfsI

Mungkin bagi sobat yang postinganya banyak maka akan merasa kerepotan sobat dapat menggunakan cara kedua yaitu javascript untuk mengubah semua alamat gambar secara otomatis.

2. Dengan Javascript Untuk Mengubah Alamat Gambar Secara Otomatis

Cara ini sebenarnya sama dengan cara pertama yaitu mengganti alamat gambar 1.bp menjadi 2.bp atau yang lainnya. 

Hanya saja kita akan menggunakan javascript untuk mempermudah karena otomatis akan merubah seluruh alamat gambar di postingan blog sobat.

Caranya:

• Login Ke blogge.com Kemudian Pilih Tema Lalu Pilih Edit HTML
• Setelah masuk klik dan Tekan Ctrl+F dan cari Tag </body> lalu pastekan kode di bawah ini tepat diatasnya Tag </body> 

<script> //<![CDATA[ var images = document.getElementsByTagName('img'); for (var i = 0; i < images.length; i++) { images[i].src = images[i].src.replace("https://1.bp.blogspot.com/" , "https://2.bp.blogspot.com/"); }; //]]> </script>

• Setelah ditempel kemudian jangan lupa di save

Ababila cara diatas tidak berhasil sobat bisa menggunakan cara berikutnya

3. CDN Statically.io

Statically.io merupakan salah satu penyedia hosting content delivery network yang memiliki fitur lengkap dan gratis. Selain itu, statically juga mudah untuk diaplikasikan pada blog kita.

Sobat bisa menggunakan CDN Statically dalam berbagai jenis berkas, mulai dari gambar, video, html, css hingga javascript.

Memasang statically.io dengan mengganti URL gambar

Cara yang pertama cukup mudah namun agak ribet dilakukan jika kamu ingin menggunakan cdn statically di semua gambar blog sobat. 

Caranya adalah mengganti url dari gambar postingan yang  sudah sobat upload dengan menambahkan link statically.

Sekarang sobat   mengganti https:// menjadi https://cdn.statically.io/img/ 

Contoh:

https://1.bp.blogspot.com/-4t1uJMfZ90k/YIaQWuewfsI
Sehingga tampilannya akan seperti ini

https://cdn.statically.io/img/1.bp.blogspot.com/-4t1uJMfZ90k/YIaQWuewfsI

Namun sobat kerepotan kalau harus ganti satu persatu  sobat bisa mengganti semua gambar  dengan cdn statically, maka sobat bisa menggunakan cara selanjutnya agar lebih mudah dengan  script statically.io

4. Memasang statically.io dengan script statically.io

Caranya:

• Silahkan Login blogger.com sobat, Kemudian klik Tema lalu pilih Edit HTML
• Kemudian CTRL + F dan cari tag </body> lalu pastekan/Letakan kode dibawah ini tepat diatasnya.

<script> //<![CDATA[ var images = document.getElementsByTagName('img'); for (var i = 0; i < images.length; i++) { images[i].src = images[i].src.replace(/.*?:\/\//g , "https://cdn.statically.io/img/"); }; //]]> </script>

• Jangan lupa setelah di paste/tempel simpan tema dan semua gambar di blog sobat akan menggunakan cdn statically io secara otomatis

Demikian cara memperbaiki postingan gambar yang error, silahkan sobat blogger praktekan sendiri. Semoga bermanfaat. Terima Kasih Atas kunjungannya.