Latest News

Image Thumbnail Tidak Muncul di Homepage, Ini Solusinya

Image tumbnail yaitu gambar dengan grafis kecil yang dibuat dari gambar standar dalam web biar lebih cepat diakses. Image tumbnail ini biasanya muncul pada blog yang telah memiliki script memanggil arahan image dalam template. Sedangkan secara default, blogger tidak memberikannya secara otomatis, melainkan harus dilakukan secara manual biar image tersebut muncul pada homepage.

Pada kenyataannya, tidak sedikit para blogger mengalami satu masalah, yakni image tumbnail tidak muncul di homepage, padahal telah memakai template dengan script otomatis memunculkan image ini. Bahkan lebih dari itu, template yang dipakai disebutkan oleh pengembangnya telah SEO friendly dan Responsive desain.
Image yang tidak muncul, biasanya akan tertera ruang kosong atau muncul kalimat 'no image available' dan semacamnya.
Lalu kenapa duduk perkara hilangnya image tumbnail di homepage blog masih tetap ada? Ada beberapa hal yang mungkin telah salah atau kurang sempurna dilakukan ketika setting maupun ketika memposting artikel. Berikut diantara kesalahan tersebut.

Upload image melalui From URL atau web share image

Cara upload image ketika membuat postingan ada beberapa macam. Diantaranya upload eksklusif melalui drive, upload melalui URL lain, upload melalui Picasa web album dan lain-lain. Jika duduk perkara image tumbnail kerap tidak muncul, maka mulai sekarang gunakan cara upload image hanya menggunakan upload eksklusif dari drive komputer, bukan melalui from URL atau melalui Web Share Image menyerupai Picasa.
Artikel terkait Upload Gambar Blog Makin Mudah Melalui Picasa Web.

Pengaturan Site feed

Pada pengaturan feed blog, ganti settingannya menjadi full, biar seluruh konten, termasuk image akan ikut dimunculkan dalam feed URL blog. Caranya menyerupai berikut.
1. Masuk ke dasboard blogger.
2. Menuju Setting, pilih Other.
3. Pada Site feed pilih Full.
cara mengatasi image tumbnail tidak muncul di homepage blog
4. Akhiri dengan Save change.

Format HTTPS pada URL image

URL image yang diupload dari web lain atau web share image biasanya ada yang sudah memakai HTTPS pada alamat URL-nya. Sehingga, blog yang belum dialihkan ke HTTPS, tidak ikut membaca arahan ini. Wajar, jikalau kemudian image tumbnail tidak mau muncul di homepage. Satu-satunya solusi yaitu dengan cara mengganti URL image dari HTTPS ke HTTP.
Artikel terkait Cara Mengaktifkan HTTPS untuk Keamanan Blog dan Pengunjung Blog.
Untuk melihat arahan ini, rubah dulu area postingan dari Compose ke mode HTML. Contoh :
src=https://lh3.googleusercontent.com.....jpg 
a href=https://lh3.googleusercontent.com.....jpg
Ganti https menjadi http.

Pertanyaan selanjutnya adalah, bagaimana cara mengatasi image tumbnail tetap muncul meski kesalahan-kesalahan di atas telah dirubah? Adakah cara untuk memunculkan image tumbnail yang tetap nakal ini?

Berikut satu tahap lain biar image mampu muncul di homepage blog. Tahapan cara ini didapatkan dari sumber master blogger yang telah berpengalaman dan terbukti ampuh untuk mengatasi duduk perkara ini. Berikut caranya.

Cara mengatasi image tumbnail tidak muncul di homepage

1. Masuk ke dasboard blogger.
2. Menuju ke menu Template, lalu pilih Edit HTML.
3. Cari kode <b:if cond='data:post.thumbnailUrl'. Atau yang semisalnya, terkait dengan imagetumbnail, tumbnail, urlimage. Biasanya di akhiri dengan kode </b:if>.
4. Setelah didapat, ganti arahan tersebut dengan arahan di bawah 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>

5. Lihat preview-nya dulu. Jika sudah Oke, akhiri dengan Save template.

Selesai, dan coba lihat hasilnya.

Menurut pengalaman, memang cara-cara di atas belum 100% menjadi solusi untuk mengatasi duduk perkara image tumbnail yang tidak muncul di homepage. Namun bukan berarti tidak termasuk solusi, terbukti sudah banyak yang menerapkannya dan berhasil mengatasinya.
Artikel rekomendasi 7 Cara Optimalisasi Image biar Lebih SEO Friendly.
Namun jikalau image tumbnail tetap membandel tidak mau muncul di homepage, ada baiknya teman mengganti template dengan yang lain.

Demikian yang mampu saya sampaikan. Semoga bermanfaat dan selamat mencoba.