Cara Cepat Mengatasi Gambar Thumbnail Postingan Buram di Homepage Blog

Tutorial Cara Mengatasi Foto Thumbnail Postingan Blur di Homepage Blog

Banyak cara dilakukan saat gambar Thumbnail postingan Blog tiba-tiba buram atau blur alias pecah di halaman depan. Sebabnya bermacam-macam, misalnya karena bawaan awal Template Blog, contoh seperti kasus Blog k0k0h yang sempat mengalami gambar Thumbnail postingan pecah di halaman depan.

Coba mencari ke mesin pencari Google, banyak tutorial yang saya temui, tetapi tidak ada yang cocok pada Template saya, kemudian saya coba utak-atik sendiri, karena sudah lumayan prustasi mencari di mbah Google.

Pada akhirnya saya menemukan solusinya dan gambar Thumbnail di halaman depan pada postingan saya pun tidak lagi seperti kaca pecah. Berikut ini tampilan ketika gambar Thumbnail postingan pecah di halaman depan Blog k0k0h dan sebaliknya.

Berikut Cara Cepat Mengatasi Gambar Thumnail Postingan Buram di Halaman Depan Blog dibawah ini:

- Login ke akun Blogger.com

- Selanjutnya langsung menuju Template/Edit HTML.

- Cari kode .post-thumbnail (gunakan CTRL F)

- Kemudian ganti ukuran lebar dan tinggi-nya
Contohnya:
.post-thumbnail img{float:left;margin:0 15px 0 0;background:#fff;width:150px!important;height:150px!important;padding:0;border:4px solid #f1f1f1;box-shadow:none}
(disarankan menggunakan width:100px dan height:100px)

- Terakhir klik Simpan Template