Mengatasi Gambar Image Thumbnail yang Tidak Muncul di Blog
Gambar Image Thumbnail normalnya muncul di posting Auto Readmore, Popular Post with Image, dan Featured Post Image / Slider.
Mengatasi gambar thumbnail yang tidak muncul di blog itu gampang banget.
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).
Baca Juga: Cara Mengoptimalkan Gambar untuk SEO Blog (SEO Image)
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://.... 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 Tanda Petik Dua di Judul
Ini dialami CB saat posting soal arti ambyar. Fotonya ada, tapi gambar thumbnail tidak muncul di homepage dan halaman label, juga related post. Demikian pula gambar thumbnail default-nya tak muncul.
Ternyata, masalahnya adalah tanda petik dua (") di dalam judul, di kata "ambyar". Lalu, CB ubah menjadi tanda petik satu, 'ambyar', maka gambar thumbnail pun muncul.
Cara #4 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='http://lh4.googleusercontent.com/-ZlvikLB3yVw/VXHIr0JIJOI/AAAAAAAAAv0/2-P8lhEpmqE/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='http://lh4.googleusercontent.com/-ZlvikLB3yVw/VXHIr0JIJOI/AAAAAAAAAv0/2-P8lhEpmqE/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! :)
Good Luck and Happy Blogging! (http://www.contohblog.com).*
