Gambar, Image, FotoThumbnail Anda tidak muncul di halaman depan blog (homepage)? Ini dia cara jitu mengatasinya.
BIASANNYA 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).
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).
Kalau masih gak muncul juga, coba cek:
2. Setting --> Site Feed --> Allow Blog Feed --> pilih FULL, jangan yang lain!
Jika 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 http. Misalnya: a href="http://.... atausrc="http://....
4. HAPUS huruf s sehingga menjadi http. Klik "Update" (Perbarui)!
Rupanya, ada perubahan URL Image Thumbnail di Blogger, dari http ke http, sehingga thumbnail image tidak muncul. Banyak juga template blog yang tidak terpengaruh dengan perubahan itu.
1. Template > Edit HTML
2. Cari (Ctrl+F) kode
4. Ganti kode
dengan kode berikut ini:
Maka, jika cara-cara mengatasi tidak munculnya gambar thumbnail di atas masih tidak membuahkan hasil juga, terpaksa... solusi terampuh: ganti template aja! :)
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).
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!
Cara #2
Mengubah Http 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 http. Misalnya: a href="http://.... atausrc="http://....
4. HAPUS huruf s sehingga menjadi http. Klik "Update" (Perbarui)!
Rupanya, ada perubahan URL Image Thumbnail di Blogger, dari http ke http, 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/AVvXsEicdHE3jNApU_UXI2cXr-HxZhLKyzBUWpdIdehNKPD-IQuhIUCy8hHyG8KLTGioo4J8CqSAnSn_Lr1k6vkFuC-8620KKIPQ34K9ycWADctIIoCUm-Y-GUoIBY6pXj-N1Ytm5HIXVqqxhXnb/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/AVvXsEicdHE3jNApU_UXI2cXr-HxZhLKyzBUWpdIdehNKPD-IQuhIUCy8hHyG8KLTGioo4J8CqSAnSn_Lr1k6vkFuC-8620KKIPQ34K9ycWADctIIoCUm-Y-GUoIBY6pXj-N1Ytm5HIXVqqxhXnb/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! :)
