3 Cara Mengatasi Gambar Buram di Blogger

Gambar pada blog buram ataupun blur adalah termasuk masalah serius bagi para blogger dan biasanya terjadi pada halaman depan blog (home page).

Masalah seperti ini juga dapat terjadi dalam artikel. Ada beberapa kasus yang menyebabkan gambar blur pada blog yang akan kita uraikan dibawah ini:

1. Jika resolusi gambar yang kecil, pada kasus ini sudah jelas yang menyebabkan gambar blur adalah dari resolusi gambar yang mungkin terlalu kecil dan sebagainya.
2. Jika resolusi gambar sudah besar namun tetap blur biasanya terjadi karena susunan template yang dipakai.
Maka dari itu admin akan memberikan tips dan tutorial singkatnya untuk mengatasi masalah nomer 2:

3 Cara Mengatasi Gambar Buram di Blogger:

1. memperbaiki gambar yang blur di blogspot
Silahkan copy kode dibawah ini, lalu paste diatas </body>
<script type='text/javascript'> //<![CDATA[ function replaceText(){if(!document.getElementById){return;} bodyText = document.getElementById("Blog1"); theText = bodyText.innerHTML; theText = theText.replace(/s72-c/gi, "s200-c"); bodyText.innerHTML = theText; }replaceText(); //]]> </script>
Lalu save template.

2. seandainya tips pertama gagal maupun tidak berfungsi, cobalah gunakan kode dibawah ini:
Silahkan copy kode jquery dibawah ini, lalu letakkan diatas </head> atau </body>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js' type='text/javascript'/>
Selanjutnya copy kode dibawah ini lalu letakkan diatas </body>
<script type='text/javascript'> //<![CDATA[ $(document).ready(function() {$('.post-thumbnails').attr('src', function(i, src) {return src.replace( 's72-c', 's640' );});}); //]]> </script>
Lalu save template.

3. Jika masih belum berhasil menggunakan 2 cara diatas mari kita lanjutkan dengan cara yang ke tiga:
Copy kode dibawah ini lalu letakkan di atas kode </head> atau </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>
Lalu save template.
Catatan:
Pada kode "Blog1" yang sudah ditandai, ubah dan/sesuaikan dengan kode elemen dari atribut HTML pada tmplate yang digunakan.

Nah bagaimana?? Apakah postingan ini membantu?? Jika kalian mendapat manfaat dari postingan ini jangan lupa di share ya, terimakasih telah berkunjung.

Iklan Atas Artikel

grup blogger indonesia

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel