Pasang Gambar/Image Berjejer ke Samping di Posting Blog

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="550">
<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

Contoh: klik di sini

Selesai

Source: archive69blog.blogspot.com