Cara Mengatasi Thumbnail yang Tidak Muncul pada Artikel Related Posts dan Recent Posts Setelah Menggunakan Antarmuka Blogger Baru


KURAZONE ~ Telah dikonfirmasi bahwa akhir juni 2020 nanti antarmuka Blogger Baru akan menjadi tampilan default pada akun Blogger, dengan begini para pengguna Blogger mau tak mau harus beradaptasi dengan tampilan baru tersebut.

Masalah yang dijumpai pada tampilan Blogger Baru ini adalah ketika membuat artikel, yaitu mengenai gambar yang diupload akan langsung masuk kedalam artikel. Jadi, jika kalian mengupload 5 gambar sekaligus, maka 5 gambar tersebut langsung masuk kedalam artikel secara bersamaan. Kemudian gambar pertama yang nantinya akan sebagai Thumbnail, tidak akan muncul ketika tampil sebagai Artikel Terkait/Related Posts dan Artikel Terkini/Recent Posts. 2 Hal inilah yang bikin jengkel.

Dalam kasus kali ini saya bagi kedalam 2 poin,
silakan kalian pilih solusinya berdasarkan poin yang kalian alami.

Mengatasi Thumbnail yang Tidak Muncul

POIN 1 : Peristiwa ini terjadi ketika kalian setelah selesai mengupload gambar dan mensetting gambar menjadi Original Size, sehingga memunculkan kode unduh yang tercipta otomatis pada kode image, seperti dibawah ini :


Dalam gambar diatas terdapat kode unduh berupa huruf "d" alias download, yang artinya gambar tersebut akan mendapatkan perintah download ketika gambar tersebut dibuka. Sehingga hal tersebutlah yang menyebabkan Thumbnail tidak muncul pada Artikel Terkait/Related Posts dan Artikel Terkini/Recent Posts.

Untuk mengatasinya adalah cukup hapus huruf "d" dan salah satu slash (garis miring) yang ada didepan atau belakangnya.
  1. Edit artikel
  2. Pindah ke mode HTML
    (klik menu berikon < >)
  3. Cari /d atau d/ nya, lalu hapus
  4. Publikasi/perbarui artikel
  5. Selesai
-> Kesimpulan : hapus /d atau d/ nya

Selanjutnya check apakah thumbnail sudah kembali normal atau belum.

POIN 2 : Peristiwa ini terjadi ketika kalian setelah selesai mengupload gambar dan membiarkan gambar dengan ukuran apa adanya (alias : size gambar udah dari bawaan gambar itu sendiri), sehingga kode pada gambar akan memiliki WEIGHT dan HEIGHT nya tersendiri, seperti : w428-h640, alias lebar 428pixel dan tinggi 640px.

Cara mengatasinya cukup hapus w428-h640 nya atau ganti dengan s1600. Lihat gambar dibawah ini

Note : Jika ingin menghapus size, pastikan menyisakan 1 slash (garis miring) sebagai pemisah id dan nama file gambar. Jangan sampai ada 2 slash akibat kurang teliti saat menghapusnya.
  1. Edit artikel
  2. Pindah ke mode HTML
    (klik menu berikon < >)
  3. Cari w428-h640 , lalu hapus.
    Atau diganti dengan  s1600 
  4. Publikasi/perbarui artikel
  5. Selesai
-> Kesimpulan :  w428-h640 atau diganti dengan  s1600
Note : ukuran gambar yang saya contohkan disini adalah w428-h640, namun ditempat kalian mungkin ukurannya berbeda. Silakan dicermati letak kodenya.
Selanjutnya check apakah thumbnail sudah kembali normal atau belum.

HASIL JADI TAMPILAN THUMBNAIL SEBELUM DAN SESUDAH

Artikel Terkait/Related Posts 

Sebelum dan Sesudah

Artikel Terkini/Recent Posts

Sebelum dan Sesudah


Cukup simple ya cara mengatasinya :v. Itulah informasi mengenai "Cara Mengatasi Thumbnail yang Tidak Muncul pada Artikel Related Posts dan Recent Posts Setelah Menggunakan Antarmuka Blogger Baru", selamat mencoba dan semoga bermanfaat. Goodluck!





أحدث أقدم