Membuat Gambar Tampil Penuh Untuk Tampilan Blog Di Smartphone atau Mobile

Lho, kok tampilan gambar pada artikel di blog tidak penuh ketika dibuka pada smartphone? Apa yang salah ya?

Pernah mengalami kejadian seperti itu??


Itu bisa terjadi karena kesalahan kecil..

Yap, kesalahan minor yang mampu merusak tampilan blog pada versi mobile atau ketika dilihat pada smartphone..


Langkahnya mudah

Untuk mendapatkan tampilan gambar yang lengkap pada versi mobile, kita hanya perlu mengubah sedikit angka..

Mari lihat langkah lengkapnya..


1. Tulis artikel seperti biasa dan masukkan gambar

Ok, silahkan tulis artikel kesayangan anda dan sisipkan gambar yang sudah disiapkan sebelumnya. Jika belum diatur, tampilannya bisa seperti ini..



Coba lihat gambarnya bagaimana?
Terpotong kan disamping kanan..

Gambar tidak bisa tampil penuh, maksudnya seluruh bagian dari gambar tersebut tidak bisa ditampilkan dengan sempurna..


2. Lakukan perbaikan ini

Untuk membuat gambar tampil bagus, sekarang kita tinggal melakukan sedikit perubahan yang tidak sulit dikerjakan.

Alias gampang sekali..




Lakukan ini :
  • Masuk ke mode "html" pada tempat anda menulis artikel (lihat lingkaran hitam)
  • Setelah selesai mengupload gambar, anda akan melihat deretan kode yang menunjukkan gambar tersebut.
  • Ganti angka 1 dengan 0 (yang dilingkari merah)


Sekarang hasilnya seperti ini..





Hasilnya gambar sekarang tampil penuh pada situs mobile atau ketika dilihat pada smartphone. Masalahpun terselesaikan..


Berlaku untuk template tertentu

Berdasarkan pengalaman saya, tidak semua template mengalami kejadian seperti diatas. Ada template yang ketika gambar diupload, tidak perlu mengubah angka.

Gambarnya langsung tampil penuh di versih mobile.

Tapi jika pada template yang anda gunakan, ternyata gambarnya tidak bisa tampil utuh, lakukan langkah diatas.

Cukup ganti angkanya dan beres..

Sekarang tidak adalagi yang mengganjal pemandangan akibat gambar yang terlihat tidak utuh, semuanya sudah lebih bagus..

Selamat mencoba ya dan semoga membantu..


Baca juga :

Post a Comment

0 Comments