Terbukti Berhasil Cara Atasi Gambar Thumbnail Widget Related Post Di Blog Tidak Muncul

Oleh Saria Bakti 10 komentar

Hai blogger! admin akan berbagi sedikit tutorial tentang blog khususnya yang masih menggunakan hosting gratis dari google, ya blogger. Tutorial kali ini tentang cara atasi gambar atau thumbnail widget related post yang tidak muncul (no image).

Tutorial blogger ini menggunakan versi blogger yang baru

Sebagaimana diketahui bahwa widget related post (artikel terkait) ini umumnya dipasang di akhir postingan. Sering sekali dipasang di bawah tombol share.

Terbukti Berhasil Cara Atasi Gambar Thumbnail Widget Related Post Di Blog Tidak Muncul

Widget related post menampilkan judul-judul artikel dalam blog yang terkait dengan label postingan yang sedang dibaca. Dengan ini akan menarik minat pengunjung untuk membaca artikel-artikel di blog.

Manfaat widget related post sangat besar bagi blog/situs. Berikut beberapa manfaat tersebut.

Meningkatkan pageview
Menurunkan bounce rate
Meningkatkan waktu kunjungan rata-rata
menyempurnakan tampilan situs sehingga terlihat lebih profesional

Baru-baru ini, google baru saja memperbarui tampilan blogger. Secara garis besar, tampilan saat ini sangat membantu buat para blogger. Tampilan blogger saat ini sangat nyaman digunakan sekalipun menggunakan perangkat non desktop seperti hp. Tampilan blogger baru dibuat lebih responsive sehingga memaksimalkan kinerja para blogger dalam menghasilkan karya tulisnya.

Terkait update blogger ke versi blogger baru tidak terlepas dari adanya kekurangan. Salah satu yang ditemui pada widget related post.

Widget Related Post Tidak Muncul

Salah satu kekurangan yang ditemui adalah gambar atau thumbnail related post tidak muncul setelah menggunakan blogger baru. Bagaimana cara mengatasinya?

Sebelum itu, ada satu masalah yang mungkin dihadapi terkait related post yaitu widget related post tidak muncul. Seperti yang telah dijelaskan di atas, antara masing-masing artikel harus ada keterkaitan. Keterkaitan tersebut dapat dibuat dengan membuat label (kategori) yang sama. Paling sedikit ada 1 (satu) label yang sama dengan artikel lainnya. Sehingga widget artikel terkait dapat berfungsi dengan baik.

Apa saja penyebab widget related post tidak muncul? berikut penyebabnya.

Tidak ada label yang sama.
Script related post tidak lengkap.
Script related post rusak.

Sebelum lanjut ke tutorial ini kamu harus memastikan bahwa widget related post muncul di blog kamu. Sudah? yuk baca lagi!

Thumbnail Related Post Tidak Muncul

Apakah thumbnail related post di blog kamu muncul? setelah admin menggunakan blogger versi terbaru maka beberapa thumbnail artikel di related post tidak muncul. Apakah hanya terjadi pada artikel baru yang diposting menggunakan blogger baru? Tidak, berdampak pula pada artikel-artikel lama.

Cara mengatasi thumbnail related post tidak muncul pada artikel baru maupun lama sebagai berikut.

1. Buka beberapa artikel kemudian daftar artikel-artikel yang thumbnailnya tidak muncul.

2. Buka dashbord blogger, buka menu postingan, dan buka judul artikel untuk di-edit.

3. Admin akan memberikan 2 (dua) cara dan kamu dapat mencoba salah satu yang kamu anggap paling efektif.

Cara Pertama - Mengubah kode alamat gambar ke kode /d/

a. Buka editor pada mode menulis

b. Klik pada gambar yang akan jadi thumbnail, klik ikon pensil

c. Ubah ukuran gambar menjadi 'ukuran asli'

d. Buka editor pada model HTML. Supaya lebih mudah lagi, klik ikon html untuk mengubah tampilan teks menjadi format html.

e. Cari kode gambar/thumbnail, temukan kode alamat thumbnail dengan awalan src.Dalam kode src tersebut, cari kode /d/. Perhatikan gambar supaya lebih jelas.

f. Ubah kode /d/ menjadi kode /s0/ atau /s320/ atau /s640/ atau /s1600/ atau kode /s...../ lainnya. Perhatikan beberapa gambar berikut.

Kamu dapat mengikuti kode width untuk thumbnailnya misal width = 393 maka kode menjadi /s393/.

Nah berikut contoh kode src gambar thumbnail tersebut

src="https://1.bp.blogspot.com/-0ndQlFxT0LE/X0Yl947vNoI/AAAAAAAAMlY/D7dCIVpA8Rk353NB0h2XDWTwGwQ2bN74QCLcBGAsYHQ/s0/MATERI%2BBLOGGER.jpg"

Apakah kode /d/ dapat diubah menjadi /s/ saja? Tidak bisa. Kamu dapat mencobanya untuk membuktikan

Cara Kedua - Mencari kode src thumbnail (Rekomended!)

Cara ini bisa jadi cara yang lebih efektif. Namun cara ini serupa dengan cara di atas.

a. Buka postingan dalam mode HTML. Ubah format tampilan ke format HTML supaya lebih mudah melihatnya.

b. Cari kode src pada URL gambar thumbnail postingan. Cari kode yang menyatakan ukuran gambar thumbnail, seperti w320-h232 dsb. Perhatikan gambar ini.

Kode ukuran gambar thumbnail menyatakan lebar dan tinggi gambar dengan format /w... - h.../.

c. Ubah kode tersebut menjadi kode /s0/ atau /s320/ atau /s640/ atau /s1600/ atau kode /s...../ lainnya. Kamu dapat mengikuti kode width-nya. Perhatikan gambar sebelumnya di atas.

Setelah menerapkan salah satu cara di atas, cek masing-masing artikel yang telah diperbaiki. Semoga berhasil.

Demikian Cara Atasi Gambar Thumbnail Widget Related Post Di Blog Tidak Muncul.

Blogger Blogspot Internet