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>
<td>namagambar1</td>
<td>namagambar2</td>
<td>namagambar3</td>
</tr>
</tbody>
</table>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
