BIASNNYA jika gambar thumbnail tidak muncul di homepage, maka akan digantikan dengan gambar kosong atau image default seperti ilustrasi posting ini: No Image Available (Tidak Ada Gambar).
Cara #1 Mengatasi Gambar Thumbnail yang Tidak Muncul di Blog
1. Pastikan Anda upload gambar/foto sendiri, bukan "From a URL" tapi Upload --> Choose File/Pilih FileKalau masih gak muncul juga, coba cek:
2. Setting --> Site Feed --> Allow Blog Feed --> pilih FULL, jangan yang lain!
Nah, yang terakhir itu dialami oleh New Johny Wuss saat "uji coba", tiba-tiba gambar Featured Post tidak muncul, ternyata "Allow Blog Feed" itu penyakitnya, sama seperti dialami ketika CB Blogger uji coba template Daily Times Theme for Blogspot yang thumbail image-nya sempat tidak muncul.
Kali aja ada yang ngalamin, coba deh cara di atas.
Cara #2
Mengubah Https jadi HttpJika kedua cara di atas masih tidak membuahkan hasil alias gagal, maka lakukan langkah ini:
1. Edit posting/tulisan yang gambar thumbnail-nya tidak muncul di homepage
2. Klik mode HTML (sebelahnya Compose)
3. Di bagian atas postingan, cari kode/tulisan https. Misalnya: a href="https://.... atau src="https://....
4. HAPUS huruf s sehingga menjadi http. Klik "Update" (Perbarui)!
Rupanya, ada perubahan URL Image Thumbnail di Blogger, dari http ke https, sehingga thumbnail image tidak muncul. Banyak juga template blog yang tidak terpengaruh dengan perubahan itu.
Cara #3 SOLUSI PALING JITU
Masih gak muncul juga tu gambar thumbnail dengan cara-cara di atas? Coba atasi dengan senjata pamungkas berikut ini:1. Template > Edit HTML
2. Cari (Ctrl+F) kode
<b:if cond='data:post.thumbnailUrl'>
4. Ganti kode
<b:if cond='data:post.thumbnailUrl'>
Ada kode lainnya di sini
</b:if>
Ada kode lainnya di sini
</b:if>
dengan kode berikut ini:
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'>
<img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/>
</a>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'>
<img alt='thumbnail' class='post-thumbnail' expr:src='data:post.firstImageUrl'/>
</a>
<b:else/>
<a expr:href='data:post.url'>
<img alt='no image' class='noimage post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPjLpgIaHybX7mTMvno0OxaEnQ5sAfajfCQMm6M-_-3bWHM0AomdOQU7P4zdCukjIw9JMGPCO4zxY-yDWI17suoiSnXdtVlGZt7FclReXSiBaDEauGZ8MVNGZ57J4XQLQj6N-_5psemDbg/s265-no/no-image.png'/>
</a>
</b:if>
</b:if>
<a expr:href='data:post.url'>
<img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/>
</a>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'>
<img alt='thumbnail' class='post-thumbnail' expr:src='data:post.firstImageUrl'/>
</a>
<b:else/>
<a expr:href='data:post.url'>
<img alt='no image' class='noimage post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPjLpgIaHybX7mTMvno0OxaEnQ5sAfajfCQMm6M-_-3bWHM0AomdOQU7P4zdCukjIw9JMGPCO4zxY-yDWI17suoiSnXdtVlGZt7FclReXSiBaDEauGZ8MVNGZ57J4XQLQj6N-_5psemDbg/s265-no/no-image.png'/>
</a>
</b:if>
</b:if>
Maka, jika cara-cara mengatasi tidak munculnya gambar thumbnail di atas masih tidak membuahkan hasil juga, terpaksa... solusi terampuh: ganti template aja! :)
