CARA MEMPERBAIKI TAMPILAN GAMBAR TIDAK PROPORSIONAL BENTUKNYA PADA KONTEN BLOG

CARA MEMPERBAIKI TAMPILAN GAMBAR TIDAK PROPORSIONAL BENTUKNYA PADA KONTEN BLOG

Sobat pernah membeli atau memakai template premium atau versi gratis buatan pihak ketiga? Jika pernah sobat mungkin pernah mengalami problem begini:
tampilan pada layar gagdet yang lebar
Tablet yang sering saya pakai buat ngeblog

Tampilan gambar thumbnail pada homepage atau halaman awal tidak masalah tetapi ketika membuka konten dan membaca halaman baru terlihat bentuk gambar yang tidak proporsional kadang terlihat lebih tinggi berbanding lebar atau sebaliknya lebih lebar berbanding tinggi.

TERJADI PADA SAAT DIBUKA MELALUI LAYAR MOBILE

Zaman now jangan remehkan tampilan konten terutama gambar pada saat dibuka melalui layar mobile (hape atau ponsel) karena 75% trafik pengunjung bisa datang dari perangkat mobile, bukan laptop apalagi PC. Jangan berfikir seperti 10 tahun yang lalu.

Contoh gambar dibawah adalah tampilan gambar tidak proposional didalam konten blog, ini sangat merugikan terutama terjadi pada saat dibuka melalui layar kecil hape:

tampilan gambar konten blog sebelum diperbaiki
Dan lihat gambar setelah dilakukan perbaikan:

Tampilan gambar pada konten blog setelah diperbaiki
DAN CARA MEMPERBAIKI: 
  1. Masuk ke pengaturan blogspot
  2. Pilih Tema
  3. Pilih "Sesuaikan"
  4. Setelah masuk ke Desainer Tema Blogger: Pilih lanjutan
  5. Scroll menu dropdown yang muncul keatas, dan pilih "Tambahkan CSS"
  6. Copy kode CSS dibawah ini dan Pastekan ke dalam kotak dialog css yang muncul: 
    pastekan kode css kedalam kotak ini


/* fit images to container */.container img {    max-width: 100%;    height: auto;}

Save template.

Lihat demo (cobakan di laptop dan hape sekaligus gambar sudah mantap). Yang berminat pada templat ini kami sediakan gratis :)

DEMO

Beri Komentar ya..

2 Comments

请给我们一个礼貌的评论与任何相关的主题
Just give us a polite comments with any related topics
Hanya komentar yang sopan dan berhubungan dengan topik