Tutorial Jadikan Gambar di Blog Responsive

By : Posted on 19/10/2015 - 2:36 am with 1 comment

tutorial gambar responsive


Okay tutorial kali ini aku nak kongsikan cara untuk responsive kan semua gambar yang ada dalam blog. Apa yang dimaksudkan dengan responsive ini? Secara ringkasnya responsive menjadikan blog atau gambar sesuai di semua layar saiz.

Contoh anda buka blog di handphone. Saiz handphone kecil jadi gambar itu secara auto akan menjadi kecil mengikut saiz pada handphone tanpa gambar itu ter crop sikit. Itulah dipanggilkan responsive.

Berbalik tajuk di atas ini, bagaimana cara nak jadikan gambar ini responsive.  Caranya cukup mudah saja. Anda hanya perlu copy dan paste saja. Gunalah kemahiran copy paste anda itu. Hehe.

Seperti biasa buka di bahagian edit template. dan paste kan CSS di bawah ini di atas ]]></b:skin>

.post-body img {
  max-width:100%;
  height:auto;
}

Okay save template anda. Selesai.


1 comments:

Click here for comments

1. Gunakan Name/URL untuk komen jika tidak mempunyai akaun Google+.
2. Elakkan Guna Anonymous untuk mengelakkan kekeliruan.
3. Komen anda akan ditapis dahulu sebelum diterbitkan.
4. Terima kasih kepada yang memberi komen.