Cara Membuat Gambar Berjajar Di Blog

Cara Membuat Gambar Thumbnails dalam Kotak Berjajar

gambar1	gambar2	gambar3

Gambar Diatas Ini Adalah Kode Dari HTML Di Bawah:

<table border="1"><tbody>
<tr> <td><img alt="Photobucket" border="0" height="”125″" src="http://i1194.photobucket.com/albums/aa363/AgusQietienk/Copyofkeramaian-kota.png" width="”125″" /></td> <td><img alt="Photobucket" border="0" height="”125″" src="http://i1194.photobucket.com/albums/aa363/AgusQietienk/Copyofkeramaian-kota.png" width="”125″" /></td> <td><img alt="Photobucket" border="0" height="”125″" src="http://i1194.photobucket.com/albums/aa363/AgusQietienk/Copyofkeramaian-kota.png" width="”125″" /></td></tr>
<tr> <td>gambar1</td> <td>gambar2</td> <td>gambar3</td> </tr>
</tbody> </table></div>

Catatan:
. yang dibold biru adalah link dari gambar yang akan dibuat berjajar
. yang dibold ungu adalah nama dari gambar yang ada di bawah gambar
. yang dibold merah adalah besar dari sebuah gambar. Ini harus menjadi perhatian sobat karena jika ukuran gambar tsb amat besar misalnya 400 x 400 maka besar kemungkinan tidak bisa dibuat berjajar untuk 2 gambar atau lebih (gambar lainnya akan “hilang” alias tidak nampak di postingan). Pada contoh ini saya menggunakan ukuran 125 x 125

Gampang sekali kan? Silahkan dicoba coba di blog sobat sendiri. Selamat mencoba!

sumber: http://annunaki.wordpress.com/2011/10/02/cara-membuat-gambar-berjajar-di-wordpress-com/comment-page-1/#comment-25814