Cara menyusun gambar menjadi lebih teratur didalam entry

Salam semua... dan hapi blogging... da lama tak buat tutorial.. Malam ni nak buat tuto cara susun gambar menjadi lebih kemas dan teratur seperti tajuk diatas...(^_^)

Biasanye blogger menggunakan cara ni untuk menyusun banner koleksi banner , tapi kalau suke post gambar banyak-banyak korang boleh guna tuto ni.

Contoh gambar seperti dibawah

Copy kod dibawah ni dalam post korang dan sebelum paste pastikan ia dalam "mode" edit HTML. Tapi sebelum tu uploud gamabr terlebih dahulu baru buka mode edit Html.

<div style="float: left;">
 KOD GAMBAR
</div>
<div style="float: left;">
KOD GAMBAR
</div>
<div style="float: left;">
KOD GAMBAR
<div style="clear: both;">
</div>

Kalau nak tambah gambar tambah saja kod kat bawah ni..

</div>

<div style=”float: left;”>

KOD GAMBAR

Pastikan ia berakhir dengan kod

<div style="clear: both;">

<div>

Kalau gambar turun kebawah juga  bermakna ukuran melebihi ruang.Ubah saiz gambar pada kod.Kalau tak ada pada kod kena tambah seperti dibawah.Perhatikan juga pada kod kadang kadang dah ada(kena periksa jgn ada kod lebih

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrC43f5fmgOrow5oA6ocRSZXpRSlg_dYbzSoFsFmJWPxpuOluCv4VsB6jSI5ixhUnNu0kIr6pXUUTcICwvhnRMugX4DX-LQq7UZJQjmqFyTsF21QLtjbgU03W2CQfbl1eAwHF_NLxfyg/s1600/si+comel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrC43f5fmgOrow5oA6ocRSZXpRSlg_dYbzSoFsFmJWPxpuOluCv4VsB6jSI5ixhUnNu0kIr6pXUUTcICwvhnRMugX4DX-LQq7UZJQjmqFyTsF21QLtjbgU03W2CQfbl1eAwHF_NLxfyg/s200/si+comel.jpg" width="100" /></a></div>

Agak rumit sikit..tapi try and eror menyebabkan kita semakin serasi dengan coding HTML...he..he..serasi gitew..

Okey..selamat mencuba,da berjaya nanti senyum macam ni ------------> (^_^)

Kredit untuk yahaya8527