Lompat ke konten Lompat ke sidebar Lompat ke footer

5 Cara Mengatasi Gambar Tidak Muncul di Blog

mengatasi thumbnail blog tidak muncul

cara mengatasi Thumbnail gambar tidak muncul di home Blog di Blogger dengan mudah dan efisien.

Gambar adalah atribut pendukung dalam sebuah artikel, maka belum lengkap rasanya jika kita membuat postingan tidak disertai dengan gambar.

Namun, bagaimana jika gambar itu tidak muncul di homepage / beranda depan blog, apakah ada solusi?

Jawabannya, tentu ada. Jadi, teruslah menyimak halaman ini untuk segera mengetahui langkah penyelesaian dari kami.
Baca Juga: 7 Cara Memperbaiki Struktur Data With Error di Blogger

Penyebab Thumbnail Gambar di HomePage Tidak Muncul

Ada sejumlah faktor yang menyebabkan kenapa gambar di Blog hilang, dan biasanya itu merujuk pada poin-poin berikut ini:

● Gambar diambil dari sumber lain, dan ketika sang pemilik menghapusnya, maka secara otomatis thumbnail di halaman postingan akan ikut hilang.

● Kesalahan dari penerapan atribut di dalam halaman postingan.

● Judul "Title" dari artikel Anda memuat tanda petik (").

● Pembaruan template yang berakibat struktur HTML menjadi bermasalah.

5 Cara Memperbaiki Gambar Tidak Muncul Home Blog

Bagi seorang Blogger, membuat artikel adalah sesuatu yang menyenangkan, dan bahkan kebanyakan dari mereka selalu menyertakan gambar pada setiap postingan.

Akan tetapi, ada kalanya kita harus berhadapan dengan bug yang menyebabkan thumbnail tidak tampil di halaman web.

Jika, Sobat mengalami situasi seperti ini, jangan khawatir karena solusi pemecahannya ada di artikel ini.

So, mari kita pelajari cara mengatasi thumbnail gambar yang tidak muncul di home Blog itu.

1. Periksa Protokol SSL

Jika, sebelumnya, Anda mengunakan protokol normal (HTTP) untuk membuat gambar di postingan.

Kemudian, mengubah pembaruan dengan mengatur konfigurasi ke protokol aman "SSL / HTTPS" di pengaturan Blogger.

Maka, Sobat dapat melihat dan memperhatikan link gambar, bahwa ada perbedaan ketika terkait dengan penulisan HTTP dengan HTTPS.

Nah, disinilah letaknya kesalahan pertama yang perlu Sobat perbaiki. Demikian, editlah halaman & ubah link gambar dari HTTP ke HTTPS, kemudian publish kembali.

Catatan: Jika alamat URL Anda memakai HTTPS, ubah semua URL gambar menjadi HTTPS, atau sebaliknya.

2. Cek Judul Postingan

Sebenarnya ini adalah sesuatu yang sangat sederhana, tetapi oleh sebagian pengguna terkadang kurang memperhatikan.

Tanda kutip (") atau tanda petik (') yang dimuat dalam judul konten tidak dapat terbaca oleh RSS Feed, itulah mengapa Feed tidak dapat meneruskan gambar untuk ditampilkan di halaman beranda dan arsip.

Jadi, periksa kembali judul-judul artikel yang menyebabkan thumbnail blog Anda menghilang di homepage.

3. Ganti dengan Foto Sendiri

Untuk langkah yang ketiga ini, pastikan bahwa semua foto artikel memang hasil upload-an kamu sendiri.

Jika, Sobat pernah mengupload gambar melalui fitur From a URL, bisa jadi foto itu milik orang lain dan telah dihapus pemiliknya. Jadi, gantilah dengan gambar milikmu sendiri.

4. Atur Ulang Feed

Thumbnail tidak muncul bisa juga disebabkan oleh pengaruh dari RSS FEED. Jika tiga cara diatas belum berhasil, cobalah mengatur setelan Feed.

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

5. Edit Template HTML

Jika thumbnail masih tidak terlihat, cara terakhir adalah dengan melakukan perubahan skema di dalam template HTML.

Lihat dan perhatikan step by step berikut:

● Login ke blogger Anda > klik Template > Edit HTML.

● Cari kode dibawah ini: (Gunakan CTRL+F agar mempermudah pencarian).


<b:if cond='data:post.thumbnailUrl'>
Ada beberapa kode disini
</b:if>

● Silakan ganti dengan kode 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='http://lh4.googleusercontent.com/-ZlvikLB3yVw/VXHIr0JIJOI/AAAAAAAAAv0/2-P8lhEpmqE/s265-no/no-image.png'/>
</a>
</b:if>
</b:if>

● Simpan template Anda.

Keterangan: Ubah URL diatas dengan alamat URL Anda.

Baca Juga: 3 Cara Mengembalikan Postingan Blog Terhapus

Penutup

Itulah sekelumit cara mengatasi gambar tidak muncul di homePage Blog pada Blogger yang dapat Sobat praktikan.

Jika, ada solusi yang lebih baik, silakan berbagi dengan kami melalui komentar di bawah ini.