Thursday, July 3, 2014
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.
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.
Ukuran untuk design responsive
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

Comments

4 Comments

RSS
  1. Dengan persentase kita menggunakan image agar lebih responsive

    ReplyDelete
  2. saya sudah terapkan di image pada website saya, tapi kenapa masih tidak responsive ya?

    ReplyDelete
  3. matap gan
    Sumber Berita: www.3dpotret.com
    http://3dpotret.com/hal-3dpotret-powder.html#ixzz4AWtq9mDS

    ReplyDelete
  4. من المعروف ان تنظيف المنازل من بين اهم الخدمات الضرورية في التنظيف والترقية بمنازلنا الى مصاف المنازل العصرية والتي عرفت تنظيفا عصريا من شانه ان يوفر لساكنته ظروفا حياتية راقية ولابد من توفر هيئة تختص في المجال مع تقديم ضمانات متكاملة من شانه ان تجعل الافراد يضمنون نجاح خدمة التنظيف ولا حاجة للمزيد من ضياع الاموال عبر طلبات خدمة تنظيف المنازل التي لا تلبي حاجياتهم ولا تتماشى مع رغباتهم لأن العديد من شركات تنظيف المنازل تسعى فقط الى عرض خدماتها عبر طرق ترويجية فحسب من اجل كسب المال فقط دون مراعاة الوازع الاخلاقي والضمير المهني الذي يحتم على مدراء مثل هاته الشركات ان يسعوا خلف ارضاء العملاء ليس اكثر من هذا عبر اتقان تنظيف المنازل . شركة نقل عفش بالرياض
    شركة مكافحة حشرات بالرياض
    شركة تنظيف شقق بالرياض
    شركة تنظيف منازل بالرياض
    شركة نقل عفش بالقصيم
    شركة مكافحة حشرات بالقصيم
    شركة تنظيف بالقصيم
    شركة تنظيف منازل بالقصيم
    شركة رش مبيد بالقصيم
    شركة نقل عفش بتبوك
    شركة كشف تسربات المياه بالاحساء
    شركة تنظيف بالاحساء
    شركة مكافحة حشرات بالاحساء
    شركة مكافحة حشرات بتبوك

    ReplyDelete

Popular Posts

Archive


Copyright © 2014 GweOne. Designed by Templateism
Logo by Cool Text: Free Logos and Buttons
DMCA.com Protection Status

Iklan

Find Us on Google+

Followers