Cara Memperbaiki Thumbnail Gambar Buram Negblur

Tadi malam waktu iseng-iseng buka blog, ternyata semua gambar thumbnail di home page blog ini ngeblur dan buram gak keliatan. Saya sendiri kurang tau sejak kapan sebenarnya masalah ini terjadi. Awalnya saya kira permasalahan ada di script resize thumbnail yang saya gunakan. Tapi ternyata setelah googling beberapa saat, ternyata masalah thumbnail ngeblur gara-garanya blogger merubah markup gambar menjadi s72-c-k-no dari yang dulu biasanya s72-c.

Cara Memperbaiki Thumbnail Gambar Buram Negblur

Kalian bisa lihat perubahan markup tersebut pada setiap thumbnail yang ada diblog temen-temen semua. Caranya klik kanan pada thumbnail mana saja, kemudian pilih Inspect dan lihat url gambar thumbnail tersebut. (Saya menggunakan Google Chrome).

Nah, buat temen-temen yang mengalami hal serupa, gak usah panik karena saya juga mengalami hal serupa dan ternyata mudah untuk memperbaiki masalah thumbnail yang buram ini. Ada dua cara yang bisa kalian coba:

Cara pertama: Buka menu Theme klik >> Edit HTML dan cari kode dibawah ini (gunakan Ctrl + F biar mudah)

s72-c

Kalau sudah ketemu rubah semuanya kode tadi menjadi:

s72-c-k-no

Setelah itu save Theme dan lihat hasilnya.

Cara Kedua: Cari script resize default thumbnail yang ada di theme kalian. Sebagai contoh dalam blog ini menggunakan script berikut:

<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_width=160;
var image_height=120;
image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace
('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')
+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';
if(post_title!="") return image_tag; else return ""; 
}
//]]>
</script>

Fokus saja pada bagian yang diblok warna biru, kurang lebih script resize thumbnail seperti itu (mungkin beda dengan yang ada di theme kalian). Jadi cari yang mirip-mirip seperti itu dan hapus semua garis miring ' / ' sehingga menjadi seperti ini:

('s72-c','w'+image_width+'-h'+image_height+'-c')

Kalau sudah, Jangan lupa save theme dan lihat hasilnya. Happy Blogging...!

Previous
« Prev Post
Add CommentHide

Back Top