Mengatasi Gambar Buram, Blur, Pecah Di Blog

Buram, Blur atau pecah merupakan gambar yang tidak sesuai dengan ukuran aslinya jikalau diperbesar maka akan terjadi blur,buram atau pecah. Gambar blur paling sering ditemukan pada popular post blogger atau homepage blog, gambar orisinil blog mempunyai dimensi 72 pixel, jikalau 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, lalu Cek Javascript yang seolah-olah 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 orisinil gambar [View]
s640	Ukuran Gambar yang diinginkan

Bagikan Artikel ini