Hey Gwener's, What's Up!
Mengatur ukuran gambar tentu sangat penting pada suatu blog atau pun website. Tidak hanya untuk design responsive saja loh, blog dengan template standar pun sebenarnya perlu memperhatikan hal ini. Jangan sampai ukuran gambar justru dapat merusak penampilan suatu blog. Misalnya ukuran gambar yang terlalu besar atau pun terlalu kecil. Tentunya ini akan menggangu pembaca untuk melihat artikel.
Mengatur ukuran gambar tentu sangat penting pada suatu blog atau pun website. Tidak hanya untuk design responsive saja loh, blog dengan template standar pun sebenarnya perlu memperhatikan hal ini. Jangan sampai ukuran gambar justru dapat merusak penampilan suatu blog. Misalnya ukuran gambar yang terlalu besar atau pun terlalu kecil. Tentunya ini akan menggangu pembaca untuk melihat artikel.
Agar permasalahan ini bisa diatasi seorang blogger harus memahami dulu konsep dari HTML terutama untuk tag img untuk gambar ini. Selain itu juga mengusai design CSS pada suatu HTML. Namun untuk sobat yang masih baru, tidak perlu muluk saya akan coba menyajikannya dalam bentuk yang sederhana dan mudah dipahami.

Nah, perhatikan gambar diatas. Ukuran layar juga mempengaruhi ukuran tampilan blog dan juga tentu akan mempengaruhi ukuran gambar yang ada didalam artikel tersebut. Agar ukuran ini dapat terus disesuaikan makan untuk style lebar harus menggunakan persentase. Sehingga secara otomatis ukuran gambar akan menyesuaikan lebar dari layar atau lebar dari ukuran blog tersebut.
Caranya pun sederhana, sobat dapat menempatkan code width:100% pada attribute style setiap image yang ada pada suatu artikel atau halam suatu blog. Ukuran 100% menandakan lebar yang akan menyesuaikan secara otomatis sesuai ukuran blog yang digunakan atau parrent dari image tersebut.
Lengakapnya adalah seperti berikut <img style="width:100%" /> ini akan membuat lebar dapat menyesuaikan dengan sendiri. Agar lebih terstruktur lagi kita juga bisa menggunakan CSS melalui className. Untuk sobat yang sudah mengerti tentu bukan hal yang sulit menerapkannya. Jadi, untuk sementar silahkan terapkan terlebih dahulu cara diatas dan lihat hasilnya. Ukuran gambar akan sesuai dengan ukuran lebar artikel
Untuk membatasi maksimum lebar yang dibolehkan untuk sebuah gambar sobat bisa menambahkan style="width:100%;max-width:500px" atau diganti dengan ukuran yang sesuai kebutuhan. Sehingga gambar juga tidak terlalu besar ataupun kecil. Selanjutnya baca juga Cara menampilkan gambar dengan div menggunakan javascript
Dengan persentase kita menggunakan image agar lebih responsive
ReplyDeletesaya sudah terapkan di image pada website saya, tapi kenapa masih tidak responsive ya?
ReplyDeletematap gan
ReplyDeleteSumber Berita: www.3dpotret.com
http://3dpotret.com/hal-3dpotret-powder.html#ixzz4AWtq9mDS
من المعروف ان تنظيف المنازل من بين اهم الخدمات الضرورية في التنظيف والترقية بمنازلنا الى مصاف المنازل العصرية والتي عرفت تنظيفا عصريا من شانه ان يوفر لساكنته ظروفا حياتية راقية ولابد من توفر هيئة تختص في المجال مع تقديم ضمانات متكاملة من شانه ان تجعل الافراد يضمنون نجاح خدمة التنظيف ولا حاجة للمزيد من ضياع الاموال عبر طلبات خدمة تنظيف المنازل التي لا تلبي حاجياتهم ولا تتماشى مع رغباتهم لأن العديد من شركات تنظيف المنازل تسعى فقط الى عرض خدماتها عبر طرق ترويجية فحسب من اجل كسب المال فقط دون مراعاة الوازع الاخلاقي والضمير المهني الذي يحتم على مدراء مثل هاته الشركات ان يسعوا خلف ارضاء العملاء ليس اكثر من هذا عبر اتقان تنظيف المنازل . شركة نقل عفش بالرياض
ReplyDeleteشركة مكافحة حشرات بالرياض
شركة تنظيف شقق بالرياض
شركة تنظيف منازل بالرياض
شركة نقل عفش بالقصيم
شركة مكافحة حشرات بالقصيم
شركة تنظيف بالقصيم
شركة تنظيف منازل بالقصيم
شركة رش مبيد بالقصيم
شركة نقل عفش بتبوك
شركة كشف تسربات المياه بالاحساء
شركة تنظيف بالاحساء
شركة مكافحة حشرات بالاحساء
شركة مكافحة حشرات بتبوك
Yuk Mampir Di Bolacasino88.com
ReplyDeleteDapatkan Promo Spesial Yang Kami Berikan :
- Bonus Deposit 5000
- Bonus Refferal Seumur Hidup
- Bonus Sportsbook 100%
- Full Commision Sportbook 0,35%
- Cashback Sportbook 5% - 15%
- Bonus Deposit Games 10%
- Cashback Games 5%
- Bonus Komisi Casino 0,8%
Untuk Informasi Lebih Lanjut Silahkan Hubungi CS Kami Di :
- No Tlp ( +855962671826 )
- BBM ( 2BF2F87E )
- Yahoo ( cs_bolacasino88 )
- WhatsApp ( +855962671826 )
maaf gan punya saya menampilkan gambar cuman tampilnya tidak secara berurutan dan gambar yang di upload tidak sama semua,
ReplyDeleteuntuk website E-commmerce
now present in your city cara menggugurkan kandungan
ReplyDelete1. manfaat kurma untuk persalinan
2. manfaat buah nanas
3. aktivitas penyebab keguguran
4. apakah usg berbahaya
5. penyebab telat haid