Cara Membuat Gambar Responsive 100% di Blogger Agar Sesuai Untuk Semua Ukuran Layar
Gambar Responsive Cocok di Segala Jenis Layar Pengguna. Umumnya sih belakangan ini rata-rata pengguna blog Blogger sudah menerapkan template responsive untuk template blog mereka.
Contoh Gambar 100% Full Responsive
Gambar responsive lebih bagus tampilannya ketimbang gambar dengan ukuran standar. Mengapa? Ya karena gambar responsive dapat menyesuaikan diri (ukurannya) sendiri dengan segala jenis perangkat pengguna.
Untuk kenyamanan pengguna sendiri sebaiknya kamu menerapkan gambar dengan HTML Full Responsive untuk artikel atau postingan blog kamu. Dan dengan adanya dukungan gambar responsive maka pengunjung blog kamu akan lebih nyaman dalam berselancar.
Jika template (tema) blog yang kamu gunakan belum sepenuhnya 100% responsive atau belum mendukung gambar full responsive, maka kamu bisa mengubahnya di Edit HTML template blog kamu, dan pastinya dengan cara seperti berikut.
Nah setelah kamu tambahkan style img responsive tadi maka nanti semua gambar yang ada dipostingan blog kamu akan 100% responsive di segala screen perangkat pengguna. Akhir kata spot tutup postingan ini, dan selamat mencoba semoga sukses dan dapat terbantu.
Contoh Gambar 100% Full Responsive
Gambar responsive lebih bagus tampilannya ketimbang gambar dengan ukuran standar. Mengapa? Ya karena gambar responsive dapat menyesuaikan diri (ukurannya) sendiri dengan segala jenis perangkat pengguna.
Untuk kenyamanan pengguna sendiri sebaiknya kamu menerapkan gambar dengan HTML Full Responsive untuk artikel atau postingan blog kamu. Dan dengan adanya dukungan gambar responsive maka pengunjung blog kamu akan lebih nyaman dalam berselancar.
Jika template (tema) blog yang kamu gunakan belum sepenuhnya 100% responsive atau belum mendukung gambar full responsive, maka kamu bisa mengubahnya di Edit HTML template blog kamu, dan pastinya dengan cara seperti berikut.
- Masuk Blogger
- Tab kiri, pilih template/tema
- Kemudian klik Edit Html
- Kamu cari kode ]]</b:skin> atau </style>
- Kemudian tambahkan kode css ini .post-body img { height: auto; width: 100%; } tepat di atas salah satu kode di atas tadi
- Preview (pratinjau) templatenya, jika sesuai klik Simpan Template
Nah setelah kamu tambahkan style img responsive tadi maka nanti semua gambar yang ada dipostingan blog kamu akan 100% responsive di segala screen perangkat pengguna. Akhir kata spot tutup postingan ini, dan selamat mencoba semoga sukses dan dapat terbantu.
0 Response to "Cara Membuat Gambar Responsive 100% di Blogger Agar Sesuai Untuk Semua Ukuran Layar"
Posting Komentar