KALAU kita menampilkan gambar ukuran lebih besar dari default image thumbnail auto read more 72 pixel di homepage, biasanya gambar jadi buram alias blur aka blurry image.
Untuk mengatasinya, tinggal memasukkan kode di bawah ini dalam template. Kode ini di-share dte.web.id.
Gambar buram tentu tidak nyaman di mata pengunjung. Kita yang punya blognya juga gak enak ngeliatnya 'kan?
Cara Mengatasi Gambar Thumbnail Buram di Halaman Depan Blog:
1. Template > Edit HTML
2. Copas kode berikut ini di atas kode </body> atau </head>
<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>
3. Save Template!
Cara Mengatasi Gambar Thumbnail Buram di Halaman Depan Blog sudah berhasil diterapkan di blog ini. Yang tadinya gambar thumbnail buram (blur), kini normal alias kinclong!
No comments