Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mengatasi Gambar Thumbnail Buram Di Blogger

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

UKURAN gambar thumbnail bawaan instruksi auto read more dan popular posts blogger yaitu 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 instruksi ibarat yang dishare dte.web.id.

Cara Mengatasi Gambar Thumbnail Buram


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

<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 dapat mengatasi gambar buram popular post atau related post jikalau ukurannya lebih besar dari 72 pixel. Tinggal mengganti instruksi Blog1 dengan instruksi gambar popular post/related post yang buram.

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


Sumber https://testemplatecb.blogspot.com/