Gambar, adalah sebuah konten yang biasa menjadi daya tarik dari sebuah blog. Karena biasanya setiap pengunjung yang penasaran atau tertarik pada sebuah gambar akan melihat atau mengklik gambar tersebut.
Gambar juga sangat penting untuk visualisasi pada sebuah artikel. Tapi bagaimana dengan gambar yang buram? tentusaja hal itu akan mengurangi daya tarik dari artikel tersebut.
Jika kamu ingin menghilangkan gambar obeng dan tang di blog kamu silahkan lihat disini.
Lalu bagaimana cara mengatasi gambar atau thumbnail yang pecah/buram?
Berikut ini Mengatasi Gambar Pecah atau Buram di Homepage Blog dengan Otomatis
Masuk ke bagian edit template, lalu pilih edit html
Kemudian letakan script berikut diatas code </head>
<script type='text/javaScript'>
//<![CDATA[
// ==[djasnote gambar resizer]==
eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1 5(a,b,c){$(a).7(1(){$(0).4({\'3\':$(0).4(\'3\').6(\'/2\'+b+\'-c/\',\'/2\'+c+\'-c/\'),\'8\':c,\'9\':c})})}',13,13,'this|function|s|src|attr|resizeThumb|replace|each|width|height|||'.split('|'),0,{}))
//]]>
</script>Lalu cari code </body> dan letakkan script ini diatasnya
<script type='text/javascript'>
//<![CDATA[
$(function() {
resizeThumb('.post-thumbnail', '72', '200'); // Ubah ukuran thumbnail dari 72 menjadi 200
});
//]]>
</script>Keterangan:
code .post-thumbnail adalah class dari ellement gambar, jadi kamu harus menyesuaikannya dengan class element yang digunakan pada gambarmu
code 72 adalah ukuran asal gambar
code 200 adalah ukuran gambar yang diinginkan
Sesuaikan dengan template yang kamu gunakan agar script diatas bisa berfungsi.
Jika sudah klik save dan lihat hasilnya di halaman depan blog kamu.
