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.


Mengatasi Gambar  Buram, Blur, Pecah di Blog

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
  2. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>

  3. Cari </body> atau &lt;!--</body>--&gt;&lt;/body&gt;, letaknya dipaling bawah
  4. Kemudian simpan Javascript berikut diatasnya
  5. <script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function() {$('.popular-posts img').attr('src', function(i, src) 
    {return src.replace( 's72-c', 's640' );});});
    //]]>
    </script>

TagKeterangan
.popular-posts img Sesuaikan dengan element class pada gambar
s72-c Ukuran asli gambar [View]
s640 Ukuran Gambar yang diinginkan
Related Post
Comment Post