Mengatasi Gambar (Image) Thumbnail Buram Di Halaman Depan Blog

Cara Mengatasi Gambar (Image) Thumbnail Buram di Halaman Depan Blog.

GAMBAR (image) thumbnail di halaman depan buram (blur) tidak enak dipandang mata. Demikian juga jikalau buram di gambar lain.

Umumnya gambar buram di homepage tanggapan menerapkan Auto Readmore Blog.

Gambar yang ukuran normalnya 72 Pixel diubah jadi lebih besar, contohnya 100 pixel atau 300 px.

Maka, untuk Mengatasi Gambar (Image) Thumbnail Buram di Halaman Depan Blog, berikut ini kodenya yang banyak di-share sejumlah blogger.

Mengatasi Gambar (Image) Thumbnail Buram di Halaman Depan Blog

1. Theme > Edit HTML
2. Pastikan ada link ke aba-aba jQuery di template blog Anda, menyerupai ini (biasanya ada di atas aba-aba </head>)

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js' type='text/javascript'></script>

Jika tidak ada, pasang dulu semoga aba-aba mengatasi gambar buram di bawah ini berfungsi dengan baik.

3. Simpan aba-aba di berikut ini di atas aba-aba </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>

Dengan aba-aba di atas, gambar (image) thumbnail yang tadinya buram (blur) menjadi jelas, sebagaimana gambar aslinya.*