Mengatasi Gambar (Image) Thumbnail Buram di Halaman Depan Blog

Follow @romel_tea
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

1. Theme > Edit HTML
2. Pastikan ada link ke kode jQuery di template blog Anda, seperti ini (biasanya ada di atas kode </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 biar kode mengatasi gambar buram di bawah ini berfungsi dengan baik.

3. 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:

Next Article
« Prev Post
Previous Article
Next Post »

Related Posts

Your Comments

4 komentar

Tulis komentar
Friday, March 03, 2017 delete

punya saya masih buram padahal udah pakai cara ini bagaimana mengatasinya ya

Reply
avatar
Romel Tea
AUTHOR
Tuesday, March 07, 2017 delete

pastikan ada link ke jquery di template

Reply
avatar
Anonymous
AUTHOR
Wednesday, April 05, 2017 delete

makasih banyak om! jadi tenang hidup gw.

Reply
avatar

No Spam, Please!