Untuk menghemat halaman posting, dan juga tidak terlalu berat loading saat membuka posting gambar/image. Kita bisa menggunakan cara menyimpan/memasukkannya dengan posisi berjejer ke samping. Selain itu posting gambar/image akan terlihat rapi.
Kode menampilkan gambar 3 kolom dan 2 baris. Seperti di bawah
<table border="0" cellspacing="5" height="337" style=
"width: "550px;">
<tr> <td valign="top"
width="169">
<a href="URL GAMBAR 1a" target="new"><img border="0" height="130" src="URL IMAGE 1a"
width="169" />
</a>
judul gambar 1a
<a href="URL GAMBAR 1b " target="new"><img border="0" height="130" src="URL IMAGE 1b"
width="169" />
</a>
judul gambar 1b
</td> <td valign="top"
width="169">
<a href="URL GAMBAR 2a" target="new"><img border="0" height="130" src="URL IMAGE 2a"
width="169" />
</a>
judul gambar 2a
<a href="URL GAMBAR 2b" target="new"><img border="0" height="130" src="URL IMAGE 2b"
width="169" />
</a>
judul gambar 2b
</td> <td valign="top"
width="169">
<a href="URL GAMBAR 3a" target="new"><img border="0" height="130" src="URL IMAGE 3a"
width="169" />
</a>
judul gambar 3a
<a href="URL GAMBAR 3b" target="new"><img border="0" height="130" src="URL IMAGE 3b"
width="169" />
</a>
judul gambar 3b
</td></tr>
</table>
Kerangan:
- Tulisan yang warna
merah adalah lebar kolom postingan yang tiap-tiap blog berbeda, dan tulisan yang warna
biru adalah kode widht /lebar gambar/image.
- Untuk menentukan besar gambar adalah lebar kolom posting dibagi jumlah gambar ke samping.
Contoh lebar kolom postingan 550.
550:3 = 183. . .
Supaya ada jarak antar gambar. Width-nya harus kurang dari 183. contoh yang dipakai 169.
Apabila ingin memasang gambar/image lebih dari 3 berjejer ke samping. Tinggal ganti angka pembaginya. Dan sesusaikan juga ukuran height-nya.
- Kode target="new", saat gambar diklik akan membuka tab baru
