Cara Mengatasi Gambar (Post Thumbnail) Buram Di Homepage

Gambar ialah sesuatu yang sangat vital untuk menarik kesan pertama orang yang melihat. Misal saja dalam sebuah kaver buku dalam jajaran rak di gramedia. Kesan pertama yang akan mereka rasakan ialah dari ilustrasi gambar di depannya. Begitu pun dalam bloh, dengan gambar yang menarik akan sanggup mempengaruhi minat pengunjung untuk membaca isinya. Walau pun kadang isinya tidak sesuai dengan ekspektasi.

Dalam duduk perkara itu kemarin-kemarin aku menerapkan tema gres untuk blog saya, saat pertama menerapkan temanya, semuanya normal saja rasanya. Tetapi saat aku mulai posting post yang ke 3, aku dapati gambit thumbnail post di beranda jadi buram, sedangkan thumbnail di popular post malah tajam dan lebih menarik. Saya gugling, beberapa kali coba metode dari beberapa blog juga. Hasilnya nihil. Saya hingga pada suatu kesimpulan, aku akan mengganti templatenya saja.

Tetapi saat aku coba mengganti keyword di mesin pencari dengan impian yang tersisa (asikkk hihi) akibatnya aku menemukan script ini. Setelah aku coba terapkan pertamanya tampilan thumbnail tidak berubah, kemudian dengan cepat aku kembali ke tab pencarian dan klik sumber lain. Ketemu isyarat lain aku coba terapkan. Tetapi waktu itu aku tidak sengaja klik tab blog aku dan mendapati tampilan gambar thumbnail-nya tidak buram / pecah lagi.

Saya buru-buru pencet CTRL+Z di laman tema pada dashboard blog. Hihi untung kepencet.

Dan gres pada esok harinya aku tahu dari admin Kompi Ajaib dan Arlinadzgn bahwa memang itu gangguan dari google nya, dan untuk mengatasinya cukup gampang. kalian tinggal cari kode s72-c kemudian ganti dengan isyarat s72-c-k-no

Saya coba metode itu, lantas berhasil tetapi saat aku cek di laptop (saya memakai netbuk) gambar thumbnail di postingan pada homepage masih buram, Lalu aku ganti lagi dengan isyarat sebelumnya. Entah aku masih nggak ngerti dengan isyarat html, maka aku paste semua isyarat itu. Dan tampilan thumbnail di homepage pada laptop yang layarnya lebih besar kembali jelas. 

Oke, cukup curhatnya.

Ini cara mengatasi gambar postingan buram/pecah

1. Masuk ke blogger dashboard kemudian pilih tema

2. Tempelkan isyarat ini di atas </body> atau </head> (menurut sumber, jika aku berhasilnya saat diterapkan di atas </body>

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

3. Save

4. Dono, bos.

Saya berkali-kali memencet tombol save, untuk memastikan isyarat yang aku terapkan memang nempel di isyarat html-nya.

Well, itulah cara mengatasi gambar postingan yang buram.

Share this post