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.
wah simple je code dia
ReplyDelete