Penyebab gambar thumbnail buram
Perlu Anda ketahui, bahwa resolusi standar untuk gambar thumbnail yang disediakan pihak Blogger hanya sebesar 72pixel, dapat dilihat pada url gambar thumbnail tercantum kode s72-c. Jika kita memaksakan untuk menampilkan gambar thumbnail dengan ukuran yang lebih besar, dampak yang paling dirasakan adalah tampilan gambar thumbnail menjadi buram, blur, brecek, bureng, pecah-pecah, dan pastinya hal ini bisa membuat sakit mata, karena tampilan blog khususnya pada halaman utama menjadi tidak enak 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 kode seperti di bawah ini. Letaknya bisa 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 kode di atas, kemudian ganti dengan kode di bawah ini.
<b:with value='data:post.thumbnailUrl ? resizeImage(data:post.thumbnailUrl, 300, "4:3") : data:post.thumbnail' var='image_bro'> <img expr:alt='data:post.title' expr:src='data:image_bro'/> </b:with>
Dengan menggunakan kode di atas, secara otomatis akan mengubah kode s72-c menjadi w300-h225-p-k-no-nu dan membuat resolusi gambar thumbnail berubah dari 72px × 72px menjadi 300px × 225px. Dengan demikian gambar thumbnail akan terlihat jelas meskipun ukurannya diperbesar.
Catatan:
- Silahkan ganti angka 300 sesuai dengan kebutuhan. Jika lebar maksimal untuk gambar thumbnail blog Anda hanya 200px, sebaiknya turunkan angkanya menjadi 200 saja. Karena jika terlalu tinggi angkanya, itu bisa menjadi beban bagi pengguna atau bisa dikatakan terjadi pemborosan data, kasihan pengunjung blog Anda.
- Pada kode HTML di atas, saya menggunakan 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, jika kode yang saya sajikan tidak serumit yang Anda bayangkan:v
13 comments:
mantap mas. Cek di gilznetworkers
Ok gan, nanti saya cek deh kesitu
Maaf gan, ga bs komen yang model begituan, maklum orang awam, yang jelas keren bgt, expert itu mah kelasnya
Itu pake disqus. Semacam media sosial gitu, bnyak kok blog yang make gituan mas. Jadinya komen terlihat lebih professional, tapi ya resikonya loadnya berat, ya kalo soal itu mah bisa diakalin lah.
Sip banget bang, makasih ya tutorialnya. bermanfaat banget. ini baru bisa, yang lain pada gak bisa. UP gan
Ok, syukurlah kalau tutorialnya bisa berjalan efektif, terima kasih gan untuk kunjungannya
makasih work gan, tkp https://realthomasandchuggington.blogspot.co.id
Sama-sama,
terima kasih gan, tutorialnya berhasil di blog saya.
Ok, sama-sama gan,
WAHHHH WORK IT BANGGG gelaaaa, udah semaleman gwa mbenerin thumnil. akhirnya bisa juga haha. kalo mau chek https://mocasfuture.blogspot.com/
Post a Comment