Cara Mengatasi Thumbnail Gambar Tidak Muncul di Blogger

Bagaimana cara mengatasi Thumbnail gambar tidak muncul di homepage Blogger? Yok simak penjelasannya langsung di bawah ini.

Gambar adalah atribut pendukung dalam sebuah artikel, maka belum lengkap rasanya jika kita membuat postingan tapi tidak mengikut sertakannya.

Namun, bagaimana jika ia hilang di beranda depan/homepage blog Anda, apakah ada solusi? Jawabannya Ya, jadi teruslah membaca hingga selesai untuk mengetahui akar permasalahan dan langkah perbaikan dari kami.

Penyebab Thumbnail Hilang atau Tidak Muncul

Ada sejumlah faktor yang menyebabkan kenapa gambar laman utama Anda menghilang, biasanya merujuk pada hal-hal sebagai berikut.

• Foto diambil lewat sumber web lain, ketika dihapus/diganti oleh pemiliknya maka secara otomatis alamat URL ikut mati dan thumbnail jadi hilang.
• Kesalahan penerapan atribut di dalam halaman postingan.
• Judul "Title" artikel Anda memuat tanda petik (").
• Pembaruan template yang mempengaruhi struktur HTML menjadi bermasalah.

5 Cara Memperbaiki Gambar Tidak Muncul di Home Blog

Bagi seorang Blogger, membuat artikel adalah suatu tugas utama yang menyenangkan, pada umumnya mereka memasukkan gambar pelengkap ke dalamnya

Tetapi, ada kalanya mereka harus berhadapan dengan BUG yang mengakibatkan thumbnail menghilang. Nah, kalau demikian silahkan pelajari tips mengatasinya berikut ini.

Baca Juga: 2 Cara Mencegah Komentar Spam Otomatis di Blogger

1. Periksa Protokol SSL

Jika, sebelumnya kamu menggunakan protokol normal (HTTP) lalu mengubah pembaruan dengan mengatur konfigurasi ke mode aman "SSL/HTTPS" di pengaturan Blogger.

Maka Sobat dapat melihat link gambar akan mengalami perubahan, bahwa ada perbedaan terkait penulisan HTTP dengan HTTPS.

Nah, disitulah letak kesalahan pertama yang perlu diperbaiki. Jadi, silahkan edit postingan untuk mengubah setiap URL dari HTTP ke HTTPS, kemudian publish kembali.

Catatan: Jika alamat URL-nya memakai HTTPS, ubah semuanya menjadi HTTPS, ataupun sebaliknya.

2. Cek Judul Postingan

Sebenarnya ini adalah sesuatu yang sangat sederhana, tapi bagi sebagian kecil pengguna terkadang kurang memperhatikannya.

Tanda kutip (") atau petik (') dalam judul konten tak dapat terbaca oleh RSS Feeds, sehingga Feed tidak bisa meneruskan gambar untuk ditampilkan pada halaman beranda dan arsip.

Jadi disarankan, periksalah judul-judul artikel jika ada memuat simbol-simbol tersebut agar segera diganti/dihapus.

3. Upload Foto Sendiri

Seterusnya, pastikan bahwa setiap foto artikel adalah benar-benar hasil unggahan Sobat sendiri, bukan milik orang lain.

Jika sebelumnya pernah mengupload melalui fitur From a URL, bisa jadi tautannya telah dihapus. Karena itu, segera upload manual dengan milikmu.

4. Atur Ulang Feed

Thumbnail blog tidak muncul bisa juga disebabkan oleh pengaruh RSS FEED. Nah, kalau tiga cara diatas belum membuahkan hasil, cobalah mengatur setelan Feeds.

Caranya: pergi ke Setingan Blogger > Gulir ke bawah dan temukan Site Feed > Ubah dari Shot "Singkat" ke Penuh "Full."

5. Edit Template HTML

Jika thumbnail masih belum terlihat, langkah terakhir adalah dengan melakukan perubahan skema pada template HTML. So, sekarang lihatlah step by stepnya.

1. Login ke blogger > klik Template > Edit HTML.

2. Cari kode berikut mengunakan metode CTRL+F supaya mempermudah pencarian Anda.

<b:if cond='data:post.thumbnailUrl'>

Ada beberapa kode disini

</b:if>

3. Kemudian, ganti dengan script seperti 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/AVvXsEjPsfMKvnnhY9hWT7FmJ0JLJXibyoBnaid763EUidyiirEbDmYthMP5svybIPmvdSmEl6DI-Ci6eZAq3I2lK-q9iIHIbMHSjoHEfjsKjzNEW8wA75Y_BDEKnIQxQHC01XQuCxJIjEpiguoS/s265-no/no-image.png'/>
</a>
</b:if>
</b:if>

4. Simpan template > Done.

Keterangan: Jangan lupa untuk mengubah Link diatas dengan alamat URL Anda.

Penutup

Demikianlah cara mengatasi gambar tidak muncul di homepage Blogger yang dapat Sobat praktikkan. Kalau ada pertanyaan, silahkan tulis komentar dan terimakasih.

Berbagi :