Cara Memperbaiki Gambar Thumbanil Halaman Awal Pada Template Yang Buram




Postingan kali ini ialah membahas mengenai cara  mudah untuk mengatasi gambar image thumbanil blog yang ngeblur atau buram.

image buram pada blog di sebabkan mungkin karena efek pengecilan secara otomatis dari gambar ukuran yang aslinya.

Gambar buram biasa terjadi halaman utama blog,atau lebih sering di sebut home page.

Jika hal ini terjadi pada blogmu,Kamu dapat mengatasinya dengan menambahkan kode javascript khusus untuk thumbanil blog.

Sebelum kamu memasang kode java scriptnya,Pastikan terlebih dahulu dengan benar,Bahwa blogmu memang menghasilkan gambar buram pada thumbanil  home pagenya.

Kamu bisa membedakannya dengan teliti setelah memasang kode ini,Letakan kode ini tepat di atas tag </body> pada template blogmu.

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("Blog1");
theText = bodyText.innerHTML;
theText = theText.replace(/s72-c/gi, "s200-c");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

Jika kamu sudah memasang kodenya,Jangan lupa klik save template.

Adapun kode yang bisa kamu gunakan jika kode di atas kurang mempan,Dan inilah kodenya:

<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>

Lettakan kodenya tepat di atas tag </body> atau tag </head>,Klik save template dan lihat hasilnya pada blogmu.

Aakah gambar thumbanilnya sudah sangat tajam ? Dan tidak ngeblur lagi ?
Itulah kode yang kamu gunakan untuk mengatasi image thumbanil pada halaman utama blogmu.


Artikel Terkait

Postingan populer dari blog ini

Begini Cara Memasang iklan penelusuran bersponsor google adsense Di Blog

Cara Menampilkan Traffic Data Koneksi Internet Pada Laptop

Membuat Related Post Grid Untuk Template AMP Blogger

Cara Mengatasi Gagal Install Driver VGA Pada windows 7 All version

Cara Membuat Akun Google Adsense Hosted Terbaru

Download Template Igniel versi premium Gratis

Cara membuat Link Model no follow dan Do follow

Tutorial Full Flash Smartphone OPPO A37 ,Lupa Pola

Cara Membuat Artikel Terkait DiBawah Postingan Blogger

Cara Parse Kode Java Scritp Google Adsense