-->

Cara Mengatasi Gambar Thumbnail Buram di Homepage dan Postingan Blog

Daftar Isi [Tampilkan]
Serieswans.com - Halo sobat blogger, di kesempatan kali ini saya akan membahas mengenai cara mengatasi gambar menjadi blur atau buram di menu homepage dan di postingan blog. 

Sudah ada banyak sekali banyak blog yang membagikan tutorial mengatasi gambar thumbnail buram atau blur, namun dari sekian banyak tutorial yang sudah saya coba dan saya praktekan, ada yang berhasil dan ada yang tidak berhasil. bisa jadi karena template yang anda gunakan tidak cocok di pasang kode tersebut.

Cara Mengatasi Gambar Thumbnail Buram di Homepage dan Postingan Blog
Mengatasi Gambar Thumbnail Homepage dan Postingan Blog Buram


Setelah saya uji coba dan saya liat perkembangannya, ternyata ada perubahan yang cukup jelas dari gambar thumbnail sebelumnya dan yang sudah saya ubah ukurannya.

Apa Penyebab Gambar Thumbnail Menjadi Buram atau Blur ?

Salah satu faktor penyebab gambar thumbnail yang tadinya jelas menjadi buram atau blur, apa penyebabnya ? faktor tersebut disebabkan karena blogger telah melakukan maintenance dan melakukan pembaruan pada platformnya, sehingga mengalami perubahan pada tampilan utama blogger sampai dahsboard blogger. akibat dari pembaruan ini ada sedikit kendala yang di temukan oleh para publisher yang menggunakn platform blogger yaitu permasalahan pada thumbnail gambar yang menjadi blur atau buram, sehingga gambar tersebut tidak begitu enak di lihat.

Saya kira gambar tersebut menjadi buram karena pengaruh lazyload, tenyata bukan dari situ penyebabnya. ternyata blogger sudah mengupdate markup thumbnail gambarnya. yang sebelumnya markup gambar tersebut s72-c kini berubah menjadi s72-c-k-no.Hal tersebut mungkin dilakukan blogger karena sedang melakukan perbaikan pada platformnya.

Nah bagaimana cara memperbaiki masalah tersebut, caranya sangat mudah sekali, anda hanya perlu mengganti markup s72-c ke markup terbaru s72-c-k-no. untuk caranya silahkan ikuti di bawah ini

Cara Mengatasi Gambar Thumbnail Buram di Homepage Blog

  • Masuk ke Blogger
  • Silahkan masuk ke menu Tema => Edit HTML
  • Kemudian cara kode s72-c
  • gunakan shortcut CTRL+F untuk memudahkan pencarian kode tersebut
  • Jika kode tersebut sudah di temukan, silahkan ganti atau tambahkan kode s72-c-k-no.
  • Terakhir tinggal simpan template
  • Blogger sudah melakukan pembaruan lagi dan mengembalikan markup gambarnya dari s72-c-k-no menjadi s72-c. silahkan anda ubah lagi kodenya.
  • Cara Mengatasi Gambar Thumbnail Buram di Postingan Blog
  • masuk terlebih dahulu ke blogger
  • silahkan pilih satu postingan artikel anda yang anda inginkan untuk mengatasi masalah gambar buram tersebut
  • kemudian pilih tampilan HTML
  • lalu cari kode gambar pada postingan tersebut, untuk contoh kodenya seperti di bawah ini.
Cara Mengatasi Gambar Thumbnail Buram di Homepage dan Postingan Blog
Ubah dari kode s1000 menjadi s1600


tips — Jika anda sudah atur dan hasilnya masih buram, silahkan anda coba ganti ukurannya dari s1600 jadi 1280 atau anda juga bebas mengatur angkanya, yang penting hasilnya lebih jelas dari gambar sebelumnya.

Update

Untuk kode markup yang harus anda rubah pada gambar ada 2, silahkan ganti keduanya dengan ukuran yang sama. anda bisa lihat contohnya pada gambar di bawah ini
Cara Mengatasi Gambar Thumbnail Buram di Homepage dan Postingan Blog
Ubah kode kedua markup tersebut dalam 1 gambar postingan 

dan ini hasilnya sesudah di rubah dari gambar awal yang belum dirubah dan sesudah dirubah
Cara Mengatasi Gambar Thumbnail Buram di Homepage dan Postingan Blog
Contoh hasil gambar yang kode markupnya belom dirubah atau masih bawaan dari blognya dan hasilnya buram
Cara Mengatasi Gambar Thumbnail Buram di Homepage dan Postingan Blog
Dan ini contoh gambar yang kode markupnya sudah di rubah dan hasilnya lebih jelas dari gambar sebelumya, anda bisa melihat perbandingannya dari kedua gambar diatas


jika sudah selesai silahkan klik perbaharui dan lihat hasil gambar postingannya apa menjadi jelas apa sama saja tetap buram.

Akhir Kata

Demikian pembahasan kali ini mengenai tutorial Cara Mengatasi Gambar Thumnail Buram di Homepage dan Postingan Blog. jika ada pertanyaan silahkan tanya di kolom komentar. semoga bermanfaat
Next
Previous
Tidak ada kata "Tapi" dan "Nanti" jika anda ingin Sukses
  • Facebook
  • Twitter
  • Instagram
  • Related Posts

    Buka Komentar ( 0 )
    tutup Komentar

    0 Komen

    Posting Komentar

    • Mohon Tinggalkan jejak sesuai dengan judul artikel.
    • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
    • Dilarang mencantumkan link aktif di komentar.
    • Komentar dengan link aktif akan otomatis dihapus
    • Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.
    • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
    • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
    • Gunakan tag <i> dan diakhiri dengan kode </i> untuk menuliskan kode. Contoh:
      <i>#comments</i>
    • Gunakan tag <em> dan diakhiri dengan kode </em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
      <em>#comments {margin:0; padding:10px 15px}</em>

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel

    x
    Berlangganan

    Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!