Solusi Mengatasi Gambar Thumbnail Blogger Tidak Muncul

Pada tadi pagi pas mau buat artikel tiba - tiba Gambar Thumbnail Blogger Blank alias tidak muncul


Pada tadi pagi pas mau buat artikel tiba - tiba Gambar Thumbnail Blogger Blank alias tidak muncul entah ini karena apa saya kira karena koneksi internet saya sampai smartphone saya matikkan supaya gambar tersebut bisa kembali muncul.  

Tidak hanya gambar thumbnail saja yang tidak muncul akan tetapi semua gambar juga ikutan blank dan tidak muncul, terus apa penyebabnya gambar pada Blogger tidak muncul?

Penyebab Gambar Thumbnail Hilang

Setelah ditelusuri ternyata yang menyebabkan eror itu adalah https://.1.bp.blogspot.com/nanananana ini error pada HTTPS tersebut di hack atau lupa membayarnya mungkin pihak Blogger. 

Solusi Mengatasi Gambar Thumbnail Blogger Tidak Muncul

Ada dua cara yang akan saya share kepada kalian yaitu cara manual dan cara otomatis menggunakan Javascript

Cara Manual

Agar Thumbnail muncul bisa ikuti solusi ini, kalian masuk aja edit artikel kalian kemudian url gambar yang https://1.bp.blogspot.com ganti dengan  https://2.bp.blogspot.com atau https://4.bp.blogspot.com karena error gambar ini terletak pada 1.bp saya lihat blog yang blank error nya itu seperti Kompiajaib, Arlina dan Blog yang hosting di Blogger. 

Kalian tidak harus semua harus di edit karena mungkin ini sifatnya hanya sementara, ya walaupun begitu masih banyak sekali gambar yang error pada artikel pada blog ini. 

Menggunakan Javascript

Apabila kalian tidak ingin pusing karena harus mengubah gambar karena artikel sudah banyak kalian bisa gunakan kode javascript dibawah ini letakan di atas kode </body> atau </head> fungsi dari kode javascript ini adalah redirect gambar dengan url 1.bp ke 2.bp itu langkah berikut ini untuk memasangnya :


  1. Buka Blogger.com
  2. Klik Edit Tema > Edit HTML
  3. Kemudian tambahkan kode dibawah ini, tepat diatas kode </head> atau </body>
  4. 
    <script>
        var img = document.getElementsByTagName('img');
        for(var i=0;i<img.length;i++) {
            img[i].src.replace(/[0-9]+.bp.blogspot.com/,"3.bp.blogspot.com");
        }
    </script>
    
    
    <script>
        var img = document.getElementsByTagName('img');
        for(var i=0;i<img.length;i++) {
            img[i].src.replace(/[0-9]+.bp.blogspot.com/,"lh4.googleusercontent.com");
        }
    </script>
    

    Jika cara pertama tidak bisa, gunakan script yang kedua.

  5. Terakhir simpan Tema

Tips ini sudah saya gunakan pada website ini dan kalian bisa melihat hasilnya pada setiap gambar berubah menjadi 3.bp.blogspot.com