Mengatasi Gambar Thumbnail Blur Agar Tampilan Homepagenya Keren

Djangkaru Bumi

Internet

Komentar

Pembaruan blogspot kemarin membuat blogger mau tidak mau harus bebenah pada templatenya. Saya perhatikan, banyak template yang gambar thumbnailnya menjadi buram, ngeblur atau tidak jelas. Pastinya hal ini sangat mengganggu penampilan dari tema tersebut. Kegantengan dan kecantikan blognya turun drastis. Yang biasanya gambarnya jernih, kok tiba-tiba tampil tak jelas. Aduh, pokoknya menjadi blogger itu harus siap pusing. Setiap ada update, harus siap update skil juga. Otak ikut olah raga.

Kenama thumbnail bisa bisa buram? Banyak faktor sebenarnya. Ada yang disebabkan faktor kode auto readmore. Umumnya kode auto readmore menggunakan ukuran gambar berkisar 72pixel, maka kalau ukuran gambar thumbnailnya diperbesar diatas itu hasilnya akan ngeblur. Pecah gitulah. Dan ada juga faktor lainnya, gambar postingannya ngeblur. Kalua gambar postingannya ngeblur, pastinya gambar thumbnialnya juga ikut ngeblur. Nah, untuk mengatasi gambar postingan ngeblur, silahkan baca artikel Cara Mengatasi Gambar Posting Artikel Blur agar Tampil Jelas dan Jernih.

Eits, sudah tahu belum apa itu gambar thumbnail? Sebenarnya tanpa kata gambar ya, lebih tepatnya apa itu thumbnail? Gambar yang ada pada halaman utama, atau homepage. Wah wah saya kok kayak menggurui saja ya. Artikel ini sekedar untuk mengajak diskusi ya, jadi bukan berarrti saya lebih paham atau lebih mengetahui. Bisa jadi pembaca yang lebih jago dan saya layak untuk menjadi muridnya.

Bagaimana cara mengatasi gambar thumbnail yang blur? Caranya sangat mudah. Dan setiap tema atau template pastinya punya kendala dan penyeselesaian tersendiri ya. Mungkin  cara ini bisa Anda coba, siapa tahu bisa mengatasi gambar thumbnail yang ngeblur itu.

• Pilih Tema, Edit Tema letakan salah satu kode dibawah ini diatas </head> atau </body>

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

atau

    <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('BlogX', 300);
    //]]>
    </script>

• Sebelumnya ganti kode berwarna merah, BlogX menjadi Blog1 ya. Kenapa tidak langsung Blog1 dikodenya tadi seh, kalau langsung ternyata berdampak pada penamiplan blog ini. Jadi ya harus ngakali dulu. Tahap terakhir Klik Simpan

Nah bagaimana, mudah sekali bukan? Semoga salah satu dari kode tersebut bisa mengatasi gambar thumbnail yang blur. Kalau tampilan homepage jernih, pengunjung kan juga ikut senang. Tampilan blog tampak lebih mempesona. Pengunjung juga akan betah berlama-lama pastinya ya? Semoga saja seh.

Seperti apa yang sering saya utarakan, kalau sudah main ngeblog bukan hanya masalah menulis artikel. Bukan masalah soal ejaan bahasa. Nanti ada hal-hal lain yang harus dipelajari juga, jika tidak, artikel hanya menjadi sampah dimesin pencari google. Ibarat kata. Bukan berarti menjadi sampah sungguhan. Takut nanti ada yang sensi.

Cukup sekian ya, lain waktu saya akan membahas bagaimana caranya mengatasi gambar thumbnail yang terpotong. Wah kalau gambar thumbnail terpotong, juga tidak enak dilihat.  Yang ngeblur saja tidak sedap, apalagi jika terpotong. Agak gimana gitu. Dah ah, jadi lama nanti saya pamitnya. Salam ngeblog dan salam sukses selalu!