Mengubah Ukuran Gambar Thumbnail & Mengatasi Buram

CB Blogger January 06, 2017

Cara Mengubah Ukuran Gambar Thumbnail & Mengatasi Buram (Blur).

Gambar buram terjadi karena ukuran gambar sebenarnya lebih kecil dari yang tampil atau karena ukuran defaultnya lebih kecil daripada yang ditampilkan

Jika gambar buram, maka gadis berjilbab nan cantik jelita ini pun nantinya buram juga gambarnya.

Berikut ini solusi mengatasi gambar buram di blogger.

Gambar Thumbnail Halaman Depan
Simpan di atas kode </body>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![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('main-wrapper', 300);
//]]>
</script>
</b:if>
</b:if>

Gambar Thumbnail Popular Post
Ukuran normal gambar popular Posts 72x72. Jika digedein, gunakan kode berikut ini agar tidak blur atau buram. Simpan di atas kode </body>

<script type='text/javascript'>
//<![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;
    }
}
// Mengubah ukuran thumbnail widget Posting Populer
resizeThumb('PopularPosts1', 300);
//]]>
</script>

Save Template!

Posted by CB Blogger

Related Posts

Mengubah Ukuran Gambar Thumbnail & Mengatasi Buram

4/ 5

Oleh CB Blogger