Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog

Baca Juga

Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog. 

Kadang-kadang kita harus menampilkan gambar, image, atau foto di posting blog lebih dari satu. Selain itu, gambarnya harus sejajar, berdampingan, tidak berurutan ke bawah sebagaimana biasa (default).

Berikut ini contoh gambar di posting blog yang sejajar berdampingan, bagus untuk membuat galeri foto dalam postingan blog.

Bisa juga dibuat di halaman statis (static page), misalnya untuk menampilkan produk bagi blog toko online.

CARA MEMBUATNYA

Bagaimana bisa membuat gambar berdampingan ini?
1. Saat posting, klik Mode HTML
2. Copy & Paste kode CSS/HTML berikut ini:

<table>
<tr>
<td> GAMBAR1 </td>
<td> GAMBAR 2</td>
</tr>
</table>

Jika ingin menampilkan gambar lebih dari dua, maka tinggal tambahkan saja satu kode:

<table>
<tr>
<td> GAMBAR1 </td>
<td> GAMBAR 2</td>
</tr>
</table>
<table>
<tr>
<td> GAMBAR1 </td>
<td> GAMBAR 2</td>
</tr>
</table>

Begitu seterusnya.
Itu dia Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog. 

Need help? Leave a Comments!