Cara Mengatasi Thumbnail Blur Pada Blog

Resolusi pada gambar standarnya untuk blogger  thumbnailnya itu sebesar 72px, sanggup di lihat pada url gambar thumbnail disana tercantum aba-aba s72-c. dan Jika terjadi gambar blur atau tidak terang dikarnakan terlalu besar atau terlalu kecil ukuran gambar thumbnail tertentu

Bagi agan yang ingin mengatasinya biar cerah dan normal pada gambar thumbnail di home page, admin akan membuatkan 3 cara memperbaiki atau mengatasi thumbnail gambar buram atau blur di Template blog sobat.

 Untuk memperbaiki atau menagatsi Thumbnail pada blogger yang Buram atau Blur,  Silahkan gunakan satu cara yang berdasarkan agan sanggup atau Work untuk template agan soalnya tiap template/thema ada yang berbeda beda strukturnya coba salah satu ya.

Berikut untuk tutrorialnya.

1.Masuk ke menu Tema Klik Edit HTML Di sini agan tinggal cari aba-aba dibawah ini 

s72-c

Silahkan ubah menjadi menyerupai aba-aba dibawah ini

s72-c-k-no

Setelah itu Simpan Tema dan lihat hasilnya.
jika tidak work atau masih blur sanggup lanjut dengan cara ke 2

2. Silahkan Cari kode  </head> atau  &lt;/head&gt;&lt;!--<head/>--&gt; dengan cara CTRL+F Pada keyboard kemudian cari
Jika sudah ketemu Letakan aba-aba dibawah ini Tepat diatas aba-aba </head> yang tadi agan cari

  <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i} //thumbnail function bp_thumbnail_resize(e,t){var n=310;var r=310;image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="Resolusi pada gambar standarnya untuk blogger Cara Mengatasi Thumbnail Blur Pada Blog"/g,"")+'" title="Cara Mengatasi Thumbnail Blur Pada Blog"/g,"")+'"/>';if(t!="")return image_tag;else return""} //]]> </script> 

Setelah itu simpan thema dan liat hasilnya
jika tidak ada perubahan dan masih blur lanjut ke cara ke 3

3.Cari aba-aba di bawah ini

<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>

Hapus kemudian ganti dengan aba-aba dibawah ini

<b:with value='data:post.thumbnailUrl ? resizeImage(data:post.thumbnailUrl, 300, &quot;4:3&quot;) : data:post.thumbnail' var='image_bro'>
<img expr:alt='data:post.title' expr:src='data:image_bro'/>
</b:with>

Lalu simpan thema

Ya itu saja tutorial yang  sanggup admin berikan dan share tentang Cara Mengatasi Thumbnail Blur Pada Blog pada artikel kali ini, dan kunjungi terus dev-android tech banyak sekali tutorial menarik lainnya dan menambah ilmu wawasan agan" semua yang senantiasa membuatkan tips bloging tutorial dan android ini,

Semoga Bermanfaat.
Sumber https://www.merpatih.com/

Share this post