Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menampilkan Gambar Galeri Berdampingan Sejajar Di Blog

Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog
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 teladan gambar di posting blog yang sejajar berdampingan, bagus untuk menciptakan galeri foto dalam postingan blog.

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

Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog
Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog
Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog
Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog
Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog
Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog

CARA MEMBUATNYA

Bagaimana dapat menciptakan gambar berdampingan ini?
1. Saat posting, klik Mode HTML
2. Copy & Paste instruksi 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 beliau Cara Menampilkan Gambar Galeri Berdampingan Sejajar di Blog. 

Need help? Leave a Comments!


Sumber https://testemplatecb.blogspot.com/