Cara Mengatasi Gambar Thumbnail Buram / Blur Di Blog

Baca Juga

Tutorial ini tidak memakai script / javascript untuk mengubah resolusi standar url thumbnail Blogger, sebagaimana tutorial-tutorial lain yang sudah banyak bertebaran. Apa yang ingin aku bagikan kali ini bahwasanya sudah diajarkan oleh Blogger. Prinsip kerjanya hampir sama menyerupai gambar thumbnail di dalam widget popular posts. Dengan cara tersebut, cita-cita aku tutorial ini sanggup dipakai untuk semua jenis template Blogger, dan mudah-mudahan tidak akan lama alias kadaluarsa. Aminn....

Penyebab gambar thumbnail buram

Perlu Anda ketahui, bahwa resolusi standar untuk gambar thumbnail yang disediakan pihak Blogger hanya sebesar 72pixel, sanggup dilihat pada url gambar thumbnail tercantum aba-aba s72-c. Jika kita memaksakan untuk menampilkan gambar thumbnail dengan ukuran yang lebih besar, pengaruh yang paling dirasakan ialah tampilan gambar thumbnail menjadi buram, blur, brecek, bureng, pecah-pecah, dan pastinya hal ini sanggup menciptakan sakit mata, alasannya ialah tampilan blog khususnya pada halaman utama menjadi tidak yummy dipandang.

Cara atasi nya

Sebagaimana yang tertulis pada judul artikel di atas. Berikut ini cara mengatasi gambar thumbnail blog yang buram.

1. Silahkan masuk ke Edit HTML, kemudian cari aba-aba 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'/>

2. Hapus aba-aba di atas, kemudian ganti dengan aba-aba 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 aba-aba di atas, secara otomatis akan mengubah aba-aba 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 terang meskipun ukurannya diperbesar.

Catatan:

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

Baca juga : Cara mengubah ukuran image thumbnail popular posts plus no image

Buat Anda yang ngebet tutorial ini. Ma'af, jikalau aba-aba yang aku sajikan tidak serumit yang Anda bayangkan:v