Apakah permasalahan gambar buram ini terjadi pada blog kamu? Dan kamu bingung harus bagaimana mengatasi hal ini. Ini merupakan sebuah permasalahan yang sering dialami oleh banyak blogger, termasuk pada sayapun juga pernah mengalaminya juga.

Permasalahan gambar thumnail buram ini, dapat menimpa blogger manapun. Dan banyak diantara blogger merasa resah dan tidak nyaman dengan kondisi seperti ini. Disisi lain ada juga blogger, yang tidak terlalu memperdulikan hal semacam ini.

Namun bagi kamu yang merasa terganggu, dengan keadaan gambar buram yang terjadi pada blog hal ini menunjukan bahwa kamu adalah orang yang sangat memperhatikan dengan keindahan dan itu sangat baik.

Ada beberapa penyebab kenapa gambar pada blog kamu menjadi buram. Berikut ini beberapa hal yang menyebabkan gambar pada postingan blog kita menjadi buram:

  1. Resolusi gambar terlalu kecil, sehingga saat ditampilkan di blog menjadi pecah dan buram.
  2. Ukuran gambar terlalu besar, sedangkan struktur template akan mengatur otomatis pada gambar tersebut.

Pada awalnya, saya mengira bahwa hal ini tidak ada solusinya. Ternyata permasalahan gambar buram ini, dapat dengan mudah kita atasi dengan beberapa cara.

Untuk mengatasi permasalahan terkait gambar buram ini, setidaknya ada 3 cara yang dapat kamu coba:

Cara 1:

Silakan copy kode dibawah ini, dan letakan kode tersebut tepat 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>

Jika cara pertama belum berhasil, kamu dapat mencoba cara kedua yaitu dengan mengcopy kode dibawah ini dan letakan kode tersebut tepat diatas </head>.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js' type='text/javascript'/>

Selanjutnya silakan copy juga kode berikut ini, dan letakan diatas kode </body>

<script type='text/javascript'> //<![CDATA[ $(document).ready(function() {$('.post-thumbnails').attr('src', function(i, src) {return src.replace( 's72-c', 's640' );});}); //]]> </script>

Langkah ke 3 (Terakhir)

Dan terakhir jika dirasa belum terjadi perubahan, kamu dapat menggunakan cara terakhir ini dengan mengcopy kode dibawah ini dan letakan diatas </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>

Semoga berhasil ya, dan begitulah beberapa cara yang dapat kamu gunakan untuk mengatasi Gambar Buram pada blogger. Semoga membantu.