Cara Mengatasi Gambar Thumbnail Hilang Pada Blogger Blogspot

Gambar Thumbnail Hilang Blogspot  -  Halo semuanya, assalamualaikum. Jadi pada kesempatan kali ini aku akan membahas tentang salah satu permasalahan yang lagi booming sekarang ini. Yaitu Thumbnail Blogger Yang Blank atau Hilang.

Jadi seperti yang kalian alami saat ini, yahhh aku juga sih. Semua gambar thumbnail di blog kita yang menggunakan server Blogger tiba-tiba hilang atau blank. Setelah mencoba mencari info, ternyata hal ini terjadi karena server penyimpanan Image paad Blogger terblokir oleh Internet Positif. Server domain yang di blokir adalah 2.bp.blogspot.com .

Gambar yang hilang ini hanya terjadi jika kalian menggunakan provider indonesia. Berbeda lagi jika kalian menggunakan provider luar atau menggunakan VPN. Gambar thumbnail akan muncul kembali.

CARA MENGATASI

Oke, jika kalian merasa terganggu dengan permasalahan ini dan ingin mengatasi menampilkan gambar thumbnail pada blog kalian lagi, kalian bisa ikuti cara berikut ini.

Kalian bisa menggunakan 2 cara untuk mengatasi permasalahan ini. Menggunakan cara manual atau merubah satu persatu postingan artikel kalian, atau kalian bisa juga menggunakan cara otomatis dengan bantuan JavaScript agar lebih cepat. 

CARA MANUAL

Untuk cara manual ini, kalian bisa ikuti langkah demi langkah yang aku jabarkan berikut ini :

caranya mudah banget. yang perlu kalian perlukan hanyalah aplikasi editor text seperti Notepad atau Notepad ++ untuk melakukannya.

• Buka blogger.com
• Buka dan edit artikel yang ingin kalian tampilkan thumbnailnya
• Rubah tampilan editing menjadi Tampilan HTML dengan cara klik tombol pensil yang ada dipojok kiri atas.

• Copy semua isi artikel tersebut

• Pastekan kedalam aplikasi editor text seperti Notepad++ atau aplikasi editor text lainnya.
• Cari kata 2.bp.blogspot.com dan replace kata tersebut menjadi 2.bp.blogspot.com atau 3.bp.blogspot.com

• Setelah semua kata terganti, kalian copy artikel tersebut dan kalian pastekan lagi kedalam postingan kalian.
• Dan lihatlah, gambar thumbnail sudah tertampil.

CARA OTOMATIS

Untuk cara otomatis ini akan lebih mudah dan lebih direkomendasikan karena kalian tidak perlu merubah satu persatu artikel kalian. Kalian cukup menambahkan kode javascript kedalam blog kalian dan semua thumbnail akan tertampil.

• Buku Blogger.com
• Masuk kedalam menu Tema > Edit HTML

• Tambahkan kode dibawah ini, tepat diatas kode </head> atau </body>

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

• Jika kode diatas tidak bisa, kalian bisa menggunakan kode dibawah ini

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

• Untuk kalian yang mengalami gagal save tema, kemungkinan script ini bentrok dengan script lazyload dari template kalian. Jadi kalian bisa menggunakan script dibawah

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

• Terakhir, simpan Tema.

Oke, sekian dulu artikel kali ini. Semoga saja artikel kali ini cukup bermanfaat dan dan membantu kalian dalam menyelesaikan masalah thumbnail tidak terlihat kalian.

Kurasa cukup sekian saja artikel kali ini. Kalian juga bisa melihat artikel-artikel lain yang tersedia pada blog ini. Jika kalian ingin request topik artikel atau sekedar bertanya seputar aplikasi dan android, kalian bisa mengirimi pesan pada akun instagramku @aprelryu

Untuk video tutorial editing foto dan video menggunakan aplikasi android, kalian bisa langsung saja menuju Channel Youtube APRELRYU.