Mengatasi gambar thumbnail blogger tidak muncul pada home

Masalah gambar thumbnail blogger tidak muncul pada home - Halo man teman-teman. kali ini saya akan berbagi tutorial mengenai blogger. Suatu ketika saya membuat sebuah artikel dan alhasil waktu saya lihat di halaman home gambar thumbnailnya tidak muncul.



Sayapuin bingung dan saya mencoba mengganti template yang sama akan tetapi alhasil tetap sama. Kemudian saya berusaha mencari solusi di mbah google hehe... alhasil saya menemukan tutorial dari sebuah blogger https://addbloggerthemes.blogspot.com/ dan menemukan masalahnya. yaitu tanda petik dua pada judul artikel saya

pada tulisan blog tersebut ada 4 cara mengatasi gambar thumbnail yang tidak muncul, daripada nanti saya lupa saya akan mencoba membagikan kepada temen-temen. Apa saja hal yang mengakibatkan gambar thumbnail blogger tidak muncul ? berikut ini cara mengatasinya.

1. Menghapus Tanda Petik Dua

Hal pertama yang mengakibatkan thumbnail tidak muncul adalah Content yang kamu publikasikan mengandung simbol atau tanda titik dua (") pada judul artikelnya. hmmm cukup sederhana tapi masalah ini adalah yang saya hadapi.

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://3.bp.blogspot.com/-1ag77PVa23c/W1iYY97BrAI/AAAAAAAAAiE/xOrYA_CViu0EmyCtcWClxNftv70DBV66QCLcBGAs/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://3.bp.blogspot.com/-1ag77PVa23c/W1iYY97BrAI/AAAAAAAAAiE/xOrYA_CViu0EmyCtcWClxNftv70DBV66QCLcBGAs/s400/Tutorial-Tips-Trik-Cara-Mengatasi-Gambar-Thumbnail-Tidak-Muncul-di-Home-Blogspot-Blogger.jpg

dengan milik kamu pribadi. okelah sekian artikel yang bisa saya bagikan, jika ada pertanyaan mengenai tutorial ini, silahkan berikan pertanyaan anda pada kolom komentar. Jangan lupa tinggalkan jejak di kolom komentar tentang tutorial ini. See you di tutorial selanjutnya....