Memperbaiki Thumbnail Gambar Buram (Blur) Di Blogger

Resolusi standar dari Blogger untuk gambar thumbnail hanya sebesar 72pixel, sanggup dilihat pada url gambar thumbnail tercantum instruksi s72-c.

Jika terjadi gambar blur atau buram biasanya terlalu besar atau terlalu kecil ukuran gambar thumbnail-nya, menyerupai pola gambar di bawah ini.

Bagi yang ingin memperbaikinya, aku akan membuatkan tiga cara memperbaiki atau memperjelas thumbnail gambar buram, blur, brecek, bureng, pecah-pecah di blogger.

Cara Memperbaiki atau Memperjelas Thumbnail Gambar Buram atau Blur di Blogger

Silahkan gunakan satu cara yang berdasarkan sahabat sanggup atau Work untuk tema sobat, berikut tutorialnya.

Cara Yang Pertama

Cara yang pertama ini cukup mudah. silakan sahabat buka hidangan Tema Klik Edit HTML Di sini Sobat tinggal cari instruksi dibawah ini (Temukan instruksi serupa bila terjadi pada thumbnail lain)

s72-c

Silahkan sahabat ubah menjadi :

s72-c-k-no

Setelah itu Simpan Tema dan lihat hasilnya, bila tidak besar lengan berkuasa lanjut cara berikutnya.

Cara Yang Kedua

Cari instruksi </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;, Lebih mudanya untuk mencari tekan tombol CTRL + F pada keyboard, kemudian cari.

Jika sudah ketemu silahkan letakkan instruksi dibawah ini sebelum instruksi yang telah dicari diatas.

<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 standar dari Blogger untuk gambar thumbnail hanya sebesar  Memperbaiki Thumbnail Gambar Buram (Blur) di Blogger  "/g,"")+'" title="Memperbaiki Thumbnail Gambar Buram (Blur) di Blogger  "/g,"")+'"/>';if(t!="")return image_tag;else return""} //]]> </script>

Setelah itu Simpan Tema dan lihat hasilnya, bila tidak besar lengan berkuasa seilahkan gunakan cara berikutnya.

Cara Yang Ketiga

Cari instruksi menyerupai di bawah ini. Letaknya sanggup di post var='post' atau mobile-index-post, tergantung versi yang Anda gunakan.

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

Hapus instruksi di atas, kemudian ganti dengan instruksi di bawah 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>

Dengan memakai instruksi di atas, secara otomatis akan mengubah instruksi s72-c menjadi w300-h225-p-k-no-nu dan menciptakan resolusi gambar thumbnail berubah dari 72px × 72px menjadi 300px × 225px. Dengan demikian gambar thumbnail akan terlihat terperinci meskipun ukurannya diperbesar.

Keterangan :

• Silahkan ganti angka 300 sesuai dengan kebutuhan. Jika lebar maksimal untuk gambar thumbnail blog Anda hanya 200px, sebaiknya turunkan angkanya menjadi 200 saja. Karena bila terlalu tinggi angkanya, itu sanggup menjadi beban bagi pengguna atau sanggup dikatakan terjadi pemborosan data, kasihan pengunjung blog Anda.
• Pada instruksi HTML di atas, aku memakai rasio 4:3. Silahkan diubah sesuai kebutuhan Anda

Setelah itu Simpan Tema dan lihat hasilnya, bila berhasil maka gambar thumbnail terlihat terperinci atau tidak blur, pecah-pecah, dan buram. Seperti pada gambar dibawah ini.

Oke mungkin hingga disini dulu tutorial Memperbaiki Thumbnail Gambar Buram (Blur) di Blogger, apabila cara di atas tidak ada yang work sama sekali silahkan tinggalkan komentar dibawah atau cari cara lain. Selaman Mencoba dan Somoga Sukses...
Sumber https://www.denylistianto.com/

Bagikan Artikel ini