Cara Mengatasi Gambar di Blogger Blank

Halo sobat Malestea pada kesempatan kali ini saya akan membahas tentang Tips Blogger yaitu "Mengatasi Thumbnail Blogger Blank" Seperti yang kalian alami pada saat ini dan saya sendiri juga mengalami hal sama yang mengakibatkan blog kita tidak bisa menampilkan gambar dan hanya blank saja. Hal ini saya check terlebih dahulu secara menyeluruh dan ternyata yang membuat gambar tidak bisa di load atau di tampilkan yaitu urlnya bermasalah 1.bp.blogspot.com dan ketika saya rubah ke 3.bp.blogspot.com, hasilnya gambar dapat di munculkan kembali tanpa ada masalah. Lantas untuk mengubahnya saya akan membagikan caranya supaya tidak perlu manual, hanya perlu memainkan fungsi JavaScript saja.

Mengatasi Gambar di Blogger Blank

Disini saya akan membagikan dalam 2 cara untuk menampilkan gambar yang blank tersebut yaitu:

Kalian bisa menggunakan secara manual untuk mengubahnya lewat satu-persatu dari artikel yang kalian punya atau dengan bantuan JavaScript agar lebih cepat. Ini hanya berupa trik saja sampai blogger kembali menjadi semula alias ga error lagi.

Dengan Cara Manual

Untuk yang manual silahkan di ikuti langkah demi langkah nya, caranya sangat mudah sekali ga ribet juga, yah palingan bikin males sebab artikel yang banyak pastinya membuat lama saat merubahnya.

1. Buka Blogger.com
2. Edit artikel yang kalian punya, edit salah satu artikel aja dulu
3. Klik mode HTML jangan Compose
4. Nanti kalian akan melihat url "1.bp.blogspot.com" silahkan ganti dengan kode berikut:

2.bp.blogspot.com
3.bp.blogspot.com
4.bp.blogspot.com

5. Pilih aja salah satu yang diatas, untuk mempermudah tinggal CTRL + F buat pencarian.
6. Setelah beres dirubah silahkan dilihat ulang artikelnya, hasilnya gambar sudah terlihat lagi.

Dengan JavaScript

Untuk JavaScript sangat direkomendasikan sebab otomatis jadi tidak perlu manual dirubah. Tapi jika kalian menggunakan lazyload bisa dirombak sendiri sebab saya tidak tau menggunakan fungsi lazyload apa saja diwebsite kalian.

1. Buka Blogger.com
2. Klik Edit Tema > Edit HTML
3. Kemudian tambahkan kode dibawah ini, tepat diatas kode </head> atau </body>

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

<script>//<![CDATA[
    var img = document.getElementsByTagName('img');
    for(var i=0;i<img.length;i++) {
        img[i].src = img[i].src.replace(/[0-9]+.bp.blogspot.com/,"lh4.googleusercontent.com");
    }
//]]></script>

Jika cara pertama tidak bisa, gunakan script yang kedua.

4. 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

Sampai disini saja dulu dan artikel pada blog ini akan terus saya update Setiap 3 Hari meskipun cuman Satu atau Dua saja tapi itu lebih baik daripada Tidak :#