Advertisement

2 Cara Mudah Membuat Gambar Bersebelahan di Blog


Menambahkan gambar di postingan tentu sudah biasa dilakukan oleh para penulis blog. Namun, bagaimana jika ingin mempercantik tampilan dengan cara meletakkan gambar secara bersebelahan di blog? Hal ini memang tidak biasa dilakukan.

Ada 2 cara mudah yang dapat ditempuh untuk membuat gambar letaknya bersebelahan di blog.

Berikut adalah cara yang dapat ditempuh tersebut.

A. Menggunakan Kode HTML

Berikut adalah kode HTML yang digunakan.

<table><tr>
<td>Gambar 1</td>
<td>Gambar 2</td>

</tr></table>

Bila ingin meletakkan 3 gambar bersebelahan, dapat dilakukan dengan menambahkan mengcopy kode <td>Gambar</td> di bawahnya.

<table><tr>
<td>Gambar 1</td>
<td>Gambar 2</td>
<td>Gambar 3</td>

</tr></table>

*huruf berwarna merah diganti dengan URL gambar

Mari kita praktikkan cara ini.

1. Buat postingan baru

2. Klik HTML


3. Paste kode HTML yang diperlukan

4. Upload gambar


5. Pilih settingan seperti berikut


6. Klik compose untuk melihat hasil


B. Menggunakan Tabel

Bagi kalian yang tidak ingin dibuat pusing dengan kode HTML, cara berikut ini bisa menjadi pilihan. Selain membuat gambar letaknya berdampingan, cara ini juga bisa digunakan untuk membuat gambar menjadi seperti galeri foto.

Berikut langkah-langkahnya.

1. Buat postingan baru di blog

2. Buka microsoft word

3. Insert tabel dan pilih jumlah kolom maupun baris yang diinginkan (misalnya 2 kolom & 2 baris)


4. Klik kanan pada tabel dan pilih “Borders and Shading”. Setting seperti pada gambar.


5. Copy tabel ke blog lalu upload satu per satu gambar di dalam tabel


Sebagai catatan, sebaiknya gambar yang dipilih memiliki ukuran panjang dan lebar yang tidak jauh berbeda. Silakan mengunjungi halaman ini untuk melihat hasilnya.

Semoga cara tersebut bermanfaat. Selamat mencoba.

Post a Comment

1 Comments