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

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

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, jika ukurannya lebih dari 72 pixel, maka gambar thumbnail image di homepage dan halaman indeks dan label akan jadi blur atau buram.

Cara Mengatasi Gambar Buram di Homepage Blogger

1. Tema > Edit HTML
2. Copas kode berikut ini di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("Blog1");
theText = bodyText.innerHTML;
theText = theText.replace(/s72-c/gi, "s200-c");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

3. Save! Simpan template.

CARA LAINNYA

Jika kode di atas tidak berfungsi atau gagal mengatasi gambar buram halaman depan blog Anda, maka lakukan langkah ini:
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).*

• Facebook
• Twitter