Tutorial Samakan saiz imej dalam posting

Salam.

Oke, hari neh I nak buat tutorial pasal imej. Kadang kadang kita boleh tengok dalam posting kita yang imej atau gambar nya macam keluar dari kotak posting kan. Kalau yang kecik tuh memang takkan terkeluar lah. Tapi kalau yang besar saiznya tuh, kompem terkeluar kan? Tak paham? Oke, tengok gambar neh.


Tengok tuh, gambarnya dah terkeluar dari kotak posting. Mesti buruk kan kalau kita tak alter. So, I nak alter supaya gambar tuh boleh masuk ke dalam tanpa mengubah saiz nya. Jom tengok tutorial ini.

Mula mula, pergi bahagian Dashboard >> Design >> Edit HTML >> Tick Expand Widget
Jangan lupa back up dulu templates korang. Takut error kang, naya jek.

Pastu korang carik code ]]></b:skin>

Dah jumpa? Korang paste kan code di bawah ni SEBELUM code ]]></b:skin> tadi.

.post img { 
float: center; 
max-width: 460px;
 
line-height : 2em; 
margin: 0 auto 10px auto; 
clear: both; 
}

Code max-width tuh korang boleh alter la ikut kesesuaian saiz blog korang.
Preview dulu then kalau takde apa apa error, save terus.
Dan gambar korang akan jadi cun macam gambar ini...


Done! Selamat mencuba! >.<"
Photobucket

Comments

Azhafizah MN said…
Thanks for sharing the tips ^__^
Nurulchumel said…
@Azhafizah[フィザ]

welcome bebeh!
ala tuto senang camneh mesti fizah da tau kan? :)
Jasmin Ibrahim said…
wah bagus tuto ni....gmbr sy slalu kluar dr kotak dia....last2 kna saiz kecik2 gak la....huhu....thnks yer...
Nurulchumel said…
@Jasmin Ibrahim

welcome.
dah apply dalam blog?
hehe..
thanks for this tuto.. im craving for it dah lame..tq nurul comel..;)

Popular Posts