4 Cara Mengatasi Gambar Thumbnail Tidak Muncul di Home Blog

Tutorial: Tips & Trik Cara Mengatasi Gambar Thumbnail Postingan Blog tidak Muncul di Halaman Depan Blogger/Blogspot

Setidaknya ada 4 penyebab kenapa gambar thumbnail tidak muncul di halaman depan blog; ialah (1.) adanya tanda petik dua pada judul artikel, (2.) gambar di ambil dari situs pihak ketiga, (3.) gambar tersebut memang tidak memiliki gambar, dan (4.) ada masalah di HTML template blogger.

Untuk poin No. 3 kami rasa sudah sangat jelas ya penyebabnya; karena memang artikel tersebut tidak ditambahkan gambar di dalam artikelnya.

Biasanya pula, ada gambar thumbnail perwakilan (default) yang sengaja ditambahkan di dalam template blogger; sehingga gambar default ini akan muncul secara otomatis pada artikel yang tidak memiliki gambar.

Gambar di atas merupakan gambar thumbnail perwakilan yang dimaksud. Dan gambar ini sudah tersemat di dalam template blogger.

4 Cara Mengatasi Gambar Thumbnail Tidak Muncul di Home Blog

Setidaknya ada 4 cara yang bisa kamu lakukan untuk memperbaiki gambar postingan blog yang tidak muncul di homepage situs web.

1. Menghapus Tanda Petik Dua

Content yang kamu publikasikan mengandung simbol atau tanda titik dua (") pada judul artikelnya.

Silakan hapus tanda petik dua ini, lalu ganti (ubah) dengan tanda petik satu. Jika memungkinkan sih ya, hapus saja tanda petik ini di judul artikel yang kamu tulis.

2. Mengganti Foto dengan Gambar Sendiri

Jika foto artikel tetap tidak muncul di homepage, maka ada yang salah dengan gambar tersebut.

Pastikan ketika mengupload gambar, jangan menggunakan fitur/layanan seperti From a URL. Biasanya, fitur From a URL ini menampilkan gambar akan tetapi gambarnya milik pihak ketiga.

Solusinya? Upload gambar sendiri melalui komputer/laptop yang kamu gunakan; dengan cara Upload (Unggah) > Choose File (Pilih File).

Gambar yang sudah kamu upload ini, akan tersimpan di Drive milik kamu. Kamu bisa mengatur, menambah, atau menghapus gambar tersebut di Picasa Web Google.

3. Mengedit Feed di Setting Blogger

Jika masih tidak bisa juga, silakan terapkan langkah-langkah tutorial di bawah ini.

Klik tombol Setting, lalu tekan menu Other
Pada Site Feed - tepat di bagian Allow Blog Feed, ubah Short (Singkat) menjadi Full (Penuh)
Kemudian tekan tombol Simpan (Save)

Tutorial di atas sudah dilakukan, dan ternyata gambar thumbnail masih error juga? Baik. Mari kita lakukan modifikasi pada template blogger, tepat di bagian HTML dari blogger template yang kamu gunakan.

4. Modifikasi HTML Post Thumbnail di Template Blogger

Cari kode ini:

<b:if cond='data:post.thumbnailUrl'>
...ada kode-kode lainnya yang cukup panjang...
</b:if>

Hapus kode tersebut, dan ubah (ganti) dengan kode 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6u2a7iq-BtOrG0eeUDw9-67l17k8uvnuSMD_khjUu1y49ubrLNES_bHQJZzWmjAl_7EJROIiYMq_sr4saeA4OKv6V_SVnPbUdmUL50anb9hvP2UoQcMez-NE26F5nhHc6abRmZ-P0Q9oz/s400/Tutorial-Tips-Trik-Cara-Mengatasi-Gambar-Thumbnail-Tidak-Muncul-di-Home-Blogspot-Blogger.jpg'/>
</a>
</b:if>
</b:if>

Catatan: Kamu bisa mengubah URL gambar di bawah ini:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6u2a7iq-BtOrG0eeUDw9-67l17k8uvnuSMD_khjUu1y49ubrLNES_bHQJZzWmjAl_7EJROIiYMq_sr4saeA4OKv6V_SVnPbUdmUL50anb9hvP2UoQcMez-NE26F5nhHc6abRmZ-P0Q9oz/s400/Tutorial-Tips-Trik-Cara-Mengatasi-Gambar-Thumbnail-Tidak-Muncul-di-Home-Blogspot-Blogger.jpg

...dengan milik kamu pribadi.

Itu dia cara mengatasi gambar thumbnail artikel tidak muncul di halaman depan blog. Jika di rasa masih gagal, bisa dipastikan tema blogger tersebut yang bermasalah.

Labels: Tutorial Blogger