Mengatasi Image Artikel Blogger Tidak Mobile Friendly | RESPONSIVE
October 27, 2018
Add Comment
Saat mengganti template gratisan dari Sora Template, saya lupa tidak mengecek menggunakan Pengujian Situs Mobile-Friendly.
Beruntung saya di WA oleh temen, katanya gambarnya koq panjang pak teguh, setelah cek ! walah ! bener gambarnya panjang kebawah saat saya cek menggunakan pixel 384x640 ...
Untuk mengatasi hal seperti ini, kita perlu mengubah sedikit CSS template Blog agar gambar bisa responsive sesuai dengan media saat membuka blog kita. Dengan begitu IMG akan menyesuaikan sendiri, tidak acak adul panjang dan lebar :) ...
Beruntung saya di WA oleh temen, katanya gambarnya koq panjang pak teguh, setelah cek ! walah ! bener gambarnya panjang kebawah saat saya cek menggunakan pixel 384x640 ...
Untuk mengatasi hal seperti ini, kita perlu mengubah sedikit CSS template Blog agar gambar bisa responsive sesuai dengan media saat membuka blog kita. Dengan begitu IMG akan menyesuaikan sendiri, tidak acak adul panjang dan lebar :) ...
- Buka template Blogger - Edit HTML
- Find dengan menekan Ctrl + F
- Ketik saja ' .post-body '. Jika CSS default masih ' .post-body img{max-width:100%} ' maka kita perlu menambahkan ' ;height: auto; '.
- Hasil setelah kita menambahkan CSS baru .post-body img{max-width:100%};height: auto;}
- SAVE! dan lihat hasilnya, IMG sudah responsive tidak lonjong dan tidak bulat
Untuk template lainnya bisa disesuaikan dengan CSS nya, mungkin ada perbedaan akan tetapi maksut dan tujuannya sama, terima kasih ...
0 Response to "Mengatasi Image Artikel Blogger Tidak Mobile Friendly | RESPONSIVE"
Post a Comment
No Spam ! No URL aktif ! pasti akan saya publish, matur nuwun :) ...