Tutorial Blog

Cara Mengatasi Gambar Image Thumbnail Postingan Homepage Yang Hilang

Cara mengatasi gambar image thumbnail postingan homepage(halaman depan) yang hilang terkadang dijalaman homepage sebuah blog sering kita menjumpai kasus dimana gambar thumbnail yang berada pada halaman homepage gambarnya tidak muncul atau hilang. No image available atau tak ada gambar yang tersedia memiliki banyak faktor penyebab, salah satu penyebab image thumbnail tidak muncul di halaman depan blog adalah judul tulisan atau judul posting yang menggunakan tanda petik dua karnanya anda harus mengganti tanda petik dua menjadi tanda petik satu

contohnya seperti ini :

“google.jpg”

menjadi 

‘google.png’


Masalahnya memang sepele hanya terletak pada tanda petik tapi tahukah anda itu merupakan salah satu penyebab untuk gambar thumbnail dihalaman depan blog tidak muncul.

Gambar thumbnail tidak muncul
Gambar thumbnail tidak muncul 

Nah bagaimana jika cara diatas masih gagal ?? oke sobat mari kita atasi permasalahannya, ikuti dan simak langkah nya berikut ini:

Cara mengatasi gambar image thumbnail postingan homepage yang hilang

Cara Pertama :

1. Silahkan pergi ke dashboard blogger anda

2. Sekarang anda pilih menu setting atau pengaturan

3. Pilih other/lainnya

4. Pada bagian site feed >>allow Blog feed kasi full sehingga umpannya bisa penuh

Cara kedua

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)!


Cara ketiga

1. Masuk ke EDITHTML

2. Cari kode berikut ini : <b:if cond=’data:post.thumbnailUrl’>

3. Ganti kode diatas dengan kode dibawah 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://i0.wp.com/www.jagoankode.com/wp-content/uploads/2017/09/no-image.png'/>
</a>
</b:if>
</b:if>

4. Lalu SAVE TEMPLATE

Selamat dengan begitu masalah gambar image thumbnail postingan homepage yang tidak muncul akan teratasi dengan baik. Demikian tutorial admin kali ini semoga membantu 😀

About the author

Kahfie IDN

Pengetahuan adalah kebebasan, dan ketidaktahuan adalah perbudakan.

Leave a Comment

8 Comments