Mengatasi Gambar (Image) Thumbnail Buram di Halaman Depan Blog

Posted by | Follow @romeltea

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 jika buram di gambar lain.

Umumnya gambar buram di homepage akibat menerapkan Auto Readmore Blog.

Gambar yang ukuran normalnya 72 Pixel diubah jadi lebih besar, misalnya 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

Simpan kode di 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>


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

» Thanks for reading Mengatasi Gambar (Image) Thumbnail Buram di Halaman Depan Blog

Tags: Desain Blog
0 Komentar untuk "Mengatasi Gambar (Image) Thumbnail Buram di Halaman Depan Blog"

No Spam, Please!

Back To Top