Gambar kecil atau thumbnail biasanya digunakan dibagian halaman utama blog apabila memakai readmore, popular posts, related posts, recent post.
Blur pada thumbnail ini sering kali disebabkan karena sering mengganti tema, sering mengedit postingan yang nantinya blogger akan mereset pengaturan pada gambar postingan yang berakibat gambar thumbnail pecah atau blur.
Blur pada thumbnail juga dapat disebabkan oleh pengguna yang merubah ukuran gambar didalam tema blog tanpa memperhatikan kualitas thumbnail yang akan muncul.
Sebenarnya blur pada thumbnail ini dapat diatasi dengan cara merubah kode pada tema maupun merubah kode gambar pada postingan itu sendiri.
Disini kita akan mencoba memperbaiki thumbnail yang blur dengan cara merubah kode gambar pada postingan, cara ini terbilang cukup ampuh namun memiliki beberapa kelemahan diantaranya:
Saran saya yaitu jangan sering-sering mengganti tema dan mengedit gambar postingan.- Setelah ganti tema maka thumbnail akan kembali blur, sehingga kita harus mengeditnya kembali satu-persatu.
- Setelah update pada gambar postingan maka gambar thumbnail juga akan kembali blur, sehingga kita harus memperbaikinya satu persatu.
Cara memperbaiki thumbnail postingan yang blur
1. Pertama anda login ke blogger.com.
2. Berikutnya anda klik Postingan.
3. Pilih postingan yang akan diperbaiki gambarnya.
4. Berikutnya edit postingan pada mode penulisan HTML dan kita akan merubah width atau lebar gambarnya saja.
Perhatikan contoh gambar screenshot berikut ini (klik gambar untuk memperbesar).
2. Berikutnya anda klik Postingan.
3. Pilih postingan yang akan diperbaiki gambarnya.
4. Berikutnya edit postingan pada mode penulisan HTML dan kita akan merubah width atau lebar gambarnya saja.
Perhatikan contoh gambar screenshot berikut ini (klik gambar untuk memperbesar).
5. Pada bagian yang saya beri kotak merah merupakan ukuran asli dari gambar postingan, dengan ukuran width atau lebar asli 4624px dengan kode s4624.
6. Yang saya beri kotak hijau merupakan ukuran width atau lebar dari gambar yang akan muncul di postingan, gambar yang muncul akan dikompres secara otomatis oleh blogger dan nilainya akan berubah menjadi 200px dengan kode w200.
Silahkan anda ganti kode w200 dengan kode s4624.
7. Terakhir anda klik Simpan.
6. Yang saya beri kotak hijau merupakan ukuran width atau lebar dari gambar yang akan muncul di postingan, gambar yang muncul akan dikompres secara otomatis oleh blogger dan nilainya akan berubah menjadi 200px dengan kode w200.
Silahkan anda ganti kode w200 dengan kode s4624.
7. Terakhir anda klik Simpan.
Untuk perbaikan thumbnail postingan yang blur di halaman homepage bagian kedua, silahkan Klik disini.
Semoga bermanfaat.
Comments
Post a Comment