Home Bandung Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blogger

Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blogger

45

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 Blogger 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.

 

Gambar Galeri Berdampingan Sejajar di Blog Gambar Galeri Berdampingan Sejajar di Blog
Gambar Galeri Berdampingan Sejajar di Blog Gambar Galeri Berdampingan Sejajar di Blog
Gambar Galeri Berdampingan Sejajar di Blog Gambar Galeri Berdampingan Sejajar di Blog

 

Cara Membuat Gambar Berdampingan Sejajar di Postingan

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

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

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

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

Begitu seterusnya.

Itu dia Cara Menampilkan Gambar Galeri Berdampingan Sejajar di blog Blogger.

1 COMMENT

LEAVE A REPLY

Please enter your comment!
Please enter your name here