Mengatasi Gambar Buram, Blur, Pecah di Blog

Buram, Blur atau pecah merupakan gambar yang tidak sesuai dengan ukuran aslinya jika diperbesar maka akan terjadi blur,buram atau pecah. Gambar blur paling sering ditemukan pada popular post blogger atau homepage blog, gambar asli blog memiliki dimensi 72 pixel, jika disetting dengan css lebih besar dari itu maka akan menyebabkan blur.

Untuk mengatasi gambar blur, buram atau pecah tersebut silahkan kalian ikuti tips berikut ini Bagaimana Cara Mengatasi Gambar Buram, Blur, Pecah di Blog.

Cara Mengatasi Gambar Buram, Blur, Pecah di Blog

1. Silahkan buka Blogger > Tema > Edit HTML, kemudian Cek Javascript yang mirip dibawah ini letaknya diatas </head>, Jika sudah ada abaikan

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>



2. Cari </body> atau &lt;!--</body>--&gt;&lt;/body&gt;, letaknya dipaling bawah
3. Kemudian simpan Javascript berikut diatasnya

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {$('.popular-posts img').attr('src', function(i, src) 
{return src.replace( 's72-c', 's640' );});});
//]]>
</script>

Tag	Keterangan
.popular-posts img	Sesuaikan dengan element class pada gambar
s72-c	Ukuran asli gambar [View]
s640	Ukuran Gambar yang diinginkan