Membatasi Ukuran Gambar Blog

by Tarqy™ on 10 October 2009 · 6 comments

Sebuah blog tentunya akan menarik apabila didukung dengan gambar yang berkaitan dengan isi posting. Sebelum sebuah gambar sebelum diletakkan dalam posting biasanya di-crop disesuaikan kebutuhan. Pertanyaannya bagaimana membatasi ukuran gambar yang disesuaikan dengan lebar posting themes?. Hal ini perlu menjadi perhatian jika blog kita termasuk blog dengan multi-blogger.
Hal ini bisa dilakukan dengan melakukan hack kecil atau meng-edit file style.css pada themes kita. Bukalah file themes melalui Dashboard, kemudian klik bagian Appeareance (Tampilan), klik bagian Editor (Sunting), kemudian klik style.css biasanya terletak disebelah kanan bawah, dan tambahkan skrip CSS berikut ini :

.postarea img {
max-width: 500px;
height: auto;
}

Kemudian simpanlah file style.css dengan menekan tombol Update. Kode diatas akan menggantikan semua parameter CSS yang terletak di DIV atau Class dalam area posting themes. Nilai max-width bisa diisi sesuai dengan themes.

Tips ini mungkin tidak kompatibel dengan browser IE versi tertentu.

Thanks to WPHacks.com

{ 6 comments… read them below or add one }

1 wira October 11, 2009 at 20:25

tips yang bagus, singkat dan jelas :-)

Reply

2 Kenanga October 12, 2009 at 22:49

mau unjuk gigi doang,,,,
hehehehe

Reply

3 bulbul October 13, 2009 at 11:27

sepertinya mudah!! (thingking)

Reply

4 andpeace October 13, 2009 at 22:04

ok.
siap dicoba itu kalau suatu saat lagi posting

Reply

5 Tarqy™ October 23, 2009 at 01:11

monggo dilanjut…

Reply

6 moe January 16, 2010 at 09:12

kok gak bisa ya?
naruhnya di paling bawah kan?

Reply

Leave a Comment

CommentLuv Enabled

Previous post:

Next post: