Cara Memperbaiki Thumbnail Related Post Median UI Yang Buram atau Blur

Related post atau widget artikel terkait pada Median UI terkadang menjadi terpotong atau gambarnya buram, padahal saat upload gambar kualitasnya bagus
Cara Memperbaiki Thumbnail Related Post Median UI Yang Buram atau Blur
Saifulah.id
 - Masalah yang sering dialami oleh pengguna template Median UI salah satunya adalah pada gambar thumbnail widget Related Post.


Related post atau widget artikel terkait pada Median UI terkadang menjadi terpotong atau gambarnya buram, padahal saat upload gambar kualitasnya tidak seburuk itu.

Lalu mengapa hal ini terjadi dan bagaimana solusi mengatasi permasalahan ini?

Sebetulnya, masalah ini cukup simpel tapi jarang disadari oleh pengguna Median UI, dimana saat upload gambar, mereka tidak mengatur ukuran pada gambar tersebut dengan benar.

Begini cara upload dan atur ukuran gambar postingan yang benar.

Tahap Persiapan

Cara Memperbaiki Thumbnail Related Post Median UI Yang Buram atau Blur
  1. Jangan lupa berdoa sebelum melakukan aktivitas apapun agar lebih berkah.
  2. Siapkan gambar yang ingin di upload terserah mau pakai ekstensi apa, boleh .jpg, .png, tapi alangkah lebih baik pakai ekstensi .webp karena biasanya ukurannya lebih kecil tapi kualitasnya tetap terjaga.
  3. Pastikan gambar yang ingin di upload memiliki ratio panjang dan lebar 16:9 (golden ratio) karena ukuran ini merupakan ukuran standar untuk sebuah thumbnail hampir diseluruh sosial media.

Tahap Upload

Cara Memperbaiki Thumbnail Related Post Median UI Yang Buram atau Blur
  1. Buat Postingan Baru
  2. Tekan icon gambar
  3. Pilih Upload dari komputer
  4. Tekan Pilih file
  5. Pilih file foto yang sudah kita siapkan tadi
  6. Lalu tekan Pilih maka foto akan masuk di dalam postingan
  7. Selanjutnya tekan icon Gear
  8. Lalu isi Teks Alternatif dan Teks Judul agar gambar jadi SEO friendly
  9. Penting! ubah ukuran menjadi Ukuran Asli karena kalau bukan pakai ukuran ini, maka thumbnail related post akan menjadi blur.
  10. Terakhir tekan PERBARUI

Catatan

  • Gambar dengan Ukuran Asli hanya perlu diterapkan pada pengaturan gambar pertama (firts image), sementara gambar yang lain bebas pakai ukuran apa saja boleh.
  • Sedangkan mengisi Teks Alternatif dan Teks Judul sebaiknya diterapkan pada semua gambar dalam postingan, karena hal ini akan membuat gambar mudah dikenali oleh Googlebot dan berpotensi membuat gambar muncul di Mesin Pencarian Gambar Google.
  • Jika cara di atas gagal, silakan download template thumbnail berikut, lalu tindih dengan thumbnail kamu yang asli.

Kesimpulan

Jadi, masalah gambar buram dan terpotong pada widget related post disebabkan oleh pengaturan gambar pertama yang tidak menggunakan ukuran asli.

Selain itu, tadi saya juga memberikan tips tambahan agar gambar yang di upload jadi lebih SEO friendly. Semoga tutorial cara memperbaiki Thumbnail Related Post ini bermanfaat.

Mau donasi lewat mana?

BRI - Saifullah (05680-10003-81533)

BCA Blu - Saifullah (007847464643)

Mandiri - Saifullah (1460019181044)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan memberikan DONASI. Tekan tombol merah.

Penulis

Saifullah.id
PT Saifullah Digital Advantec

18 komentar

  1. Muhamad Arsyad
    Muhamad Arsyad
    trimakasih sangat bermanfaat min
    1. Saifullah.id
      Saifullah.id
      Sama²
  2. Celia Claire
    Celia Claire
    Request buat garis yg di header sama label min
    1. Saifullah.id
      Saifullah.id
      https://www.saifullah.id/2021/08/cara-membuat-garis-pada-header-median-ui.html
  3. Receiver Narior
    Receiver Narior
    Bang tolong buatin tutorial cara buat widget "Butuh Bantuan" untuk WhatsApp atau gini contohnya https://m.saifullah.id/
    1. Saifullah.id
      Saifullah.id
      Widget butuh bantuan yang ada di blog saya satunya itu pakai platform wordpress, jadi agak berbeda kalau pakai blogger. Kalau pakai blogger pakai cara seperti di postingan ini saja https://www.saifullah.id/2017/10/cara-memasang-live-chat-box-messenger.html
  4. Telat Ngoding
    Telat Ngoding
    tetep aja blur min
    1. Saifullah.id
      Saifullah.id
      Link blognya apa? Saya cek dulu kondisinya.
  5. agusmiko
    agusmiko
    tetep blur min
    1. Saifullah.id
      Saifullah.id
      Link blognya apa? Saya cek dulu kondisinya.
  6. agusmiko
    agusmiko
    cara fix nya gimana
    1. Saifullah.id
      Saifullah.id
      Link blognya apa? Saya cek dulu kondisinya.
    2. agusmiko
      agusmiko
      https://www.abata.id/
    3. agusmiko
      agusmiko
      itu min
    4. Saifullah.id
      Saifullah.id
      Oh iya, saya dapat kabar, katanya Google ganti hosting untuk link gambar. Jadi gak bisa di atasi pakai tutorial ini lagi kayaknya. Soalnya linknya udah berubah jadi googleuser.com
  7. agusmiko
    agusmiko
    Jadi solusi nya gimana min
    1. Saifullah.id
      Saifullah.id
      Coba pakai gambar dengan size yang tinggi. Ambil thumbnail dari punya saya yang tidak bermasalah lalu edit
    2. agusmiko
      agusmiko
      Gk ngaruh walau pakai gambar resolusi tinggi
Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐