Mengatasi Gambar Image Thumbnail yang Tidak Muncul di Blog
Tutorial sites - Mungkin anda sedang mengalami problem Image Thumbnail yang tidak muncl di blog. Tidak perlu khawatir, karena pada post kali ini, kami akan memberi solusi dari problem yang anda alami seperti gambar di atas.
Tapi sebelumnya, apa itu thumbnail image?
A thumbnail image is a small graphics file. These images are created from standard size images and are used on webpages. The small size allows Web surfers quick access to webpage content. (wisegeek.org).
A thumbnail image is a small graphics file. These images are created from standard size images and are used on webpages. The small size allows Web surfers quick access to webpage content. (wisegeek.org).
Dan berikut tutorial untuk mengatasi problem di atas yang kami kutip dari contohblog.com, selamat mencoba :
Cara #1 Mengatasi Gambar Thumbnail Tidak Muncul
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 > Other > Site Feed > Allow Blog Feed > pilih FULL, jangan yang lain! Macam ni:
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 Mengatasi Gambar Image Thumbnail Tidak Muncul
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://.... atausrc="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/AVvXsEiae9Okluz52EAeWII6Ft2c4Kj9U1KpYkPbrneoJUNpPFP9bW_BJtCeamFlQhkMiyj0BrRinAbU__QmBeruMVPrfm5MZUfJBecmScMa2ke8XaxMZPRxqzSJ-YObeKW-J_jr_44j55rhFqw4/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/AVvXsEiae9Okluz52EAeWII6Ft2c4Kj9U1KpYkPbrneoJUNpPFP9bW_BJtCeamFlQhkMiyj0BrRinAbU__QmBeruMVPrfm5MZUfJBecmScMa2ke8XaxMZPRxqzSJ-YObeKW-J_jr_44j55rhFqw4/s265-no/no-image.png'/>
</a>
</b:if>
</b:if>
Dengan demikian saya harap problem yang anda alami sudah teratasi. Demikian artikel kami kali ini, terima kasih telaah mengunjungi blog kami dan sampai jumpa lagi...
