Minggu, 18 Juni 2017

Mengatasi Gambar Buram di Halaman Depan Blog

Add caption


Dirolu- Bagi para blogger, saat ngeblog kadang dipusingkan dengan tampilan gambar thumbnail yang terlihat buram. Biasanya masalah ini tejadi pada halaman homepage (halaman depan). Bagi pemula, saat menghadapi masalah ini sering mengira bahwa gambar yang telah diunggah beresolusi kecil. 

Padahal, masalah ini bukan terletak disitu. Untuk mengatasi masalah ini bisa dicoba dengan melakukan trik dibawah ini. 

Trik mengatasi gambar buram :
1. Masuk akun blogger
2. Pilih Tema (Theme) > Edit HTML
3. Pastikan tema anda memliki link ke kode jQuery dalam template (biasanya terletak diatas kode
    Kalau belum ada copy kode berikut dan tempatkan diatas </head>




<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>

4. Selanjutnya tambahkan kode berikut ini dibawahnya

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


5. Simpan dan selesai. Gambar thumbnail yang tadinya buram, ini terlihat lebih jelas seperti aslinya. (and)