Tuesday, August 23, 2016

Mengatasi Gambar (Image) Thumbnail Buram, Blur, Tidak Jelas di Blog

Posted by CB Blogger on Tuesday, August 23, 2016

Mengatasi Gambar (Image) Thumbnail Buram, Blur, Tidak Jelas di Blog

Mengatasi Gambar (Image) Thumbnail Buram
GAMBAR buram atau blur adalah tampilan gambar yang tidak sesuai dengan warna aslinya dikarenakan dimensi ukuran dengan tampilan berbeda.

Gambar buram biasanya muncul di image thumbnail halaman depan blog dengan auto readmore.

Kode autoreadmore aslinya 72 pixel, sedangkan yang disetting lebih besar dari itu. Makanya jadi blur atau buram.

Untuk mengatasinya, simpan kode berikut ini di atas kode </head> atau </body> untuk mengatasi gambar buram atau blur di homepage blogger.

KODE

<script>
//<![CDATA[
function resizeThumb(parentID, size) {
    var parent = document.getElementById(parentID),
        image = parent.getElementsByTagName('img');
    for (var i = 0; i < image.length; i++) {
        image[i].src = image[i].src.replace(/\/s72\-c/, "/s" +

size + "-c");
        image[i].width = size;
        image[i].height = size;
    }
} resizeThumb('Blog1', 300);
//]]>
    </script>

Ingat ya, simpan di atas kode </body> atau </head>

Demikian Mengatasi Gambar (Image) Thumbnail Buram, Blur, Tidak Jelas di Blog. (CB).*

Previous
« Prev Post

No comments:

Post a Comment