Cara Mengatasi Gambar Thumbnail Buram di Blogger

Cara Mengatasi Gambar Thumbnail Buram di Halaman Depan Blog (Auto Read More).

UKURAN gambar thumbnail bawaan kode auto read more dan popular posts blogger adalah 72x72 pixel.

Jika kita mengubahnya menjadi lebih besar, dipastikan gambar jadi buram alias blur aka blurry image.

Untuk mengatasi gambar buram alias kurang jelas, maka kita harus memasukkan kode seperti yang dishare dte.web.id.

Cara Mengatasi Gambar Thumbnail Buram

1. Template > Edit HTML
2. Copas kode berikut ini di atas kode </body> atau </head>

Baca Juga

• Sample Multipage Blogger, Contoh Postingan Multiple Pages
• Featured Post Blogger Custom
• Perbedaan Template Blog Premium dan Gratis
• Polisi Tangkap Penyebar Info Hoax, Ancaman Penjara 6 Tahun
• Cara Mengatasi Gambar Thumbnail Buram di Blogger
• Cara Memasang Widget Recent Posts Simple Daftar Judul

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

Kode di atas juga bisa mengatasi gambar buram popular post atau related post jika ukurannya lebih besar dari 72 pixel. Tinggal mengganti kode Blog1 dengan kode gambar popular post/related post yang buram.

Demikian Cara Mengatasi Gambar Thumbnail Buram di Halaman Depan Blog.*