Cara Mengatasi Gambar (Image) Thumbnail Buram di Blog

Tampilan thumbnail yang blur akan terkesan jelek di mata pada saat visitor blog anda sedang melihat halaman utama(Home) pada blog anda.Tampilan gambar pada thumbnail bisa blur biasanya disebabkan oleh beberapa faktor salah satunya adalah ukuran gambar yang diperbesar pada saat memosting sebuah postingan dapat dilihat contoh seperti gambar diatas.Disini saya akan memberi tutorial tentang cara memperbaiki blur tersebut.

1. Buka halaman blog anda dan masuk ke bagian Edit HTML seperti gambar diatas
   
2. Setelah masuk ke text editor cari </b:includable> atau sejenisnya di search saja ctrl+f lalu ketikan includable seperti gambar diatas.
3. Copy dan paste kan code di bawah ini tepat diatas </b:includable> lalu klik Save

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <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>
  </b:if>
</b:if>
<div class='clear'/>