Cara Membuat Gambar Berdampingan Sejajar di Blog

Ini dia Cara Membuat Gambar Berdampingan Sejajar di Blog. Kemarin sempet nyari-nyari script kode HTML untuk membuat gambar sejajar atau berdampingan di blog atau postingan yang ingin dibuat. Setelah googling gak ketemu karena kata kuncinya kurang tepat mungkin. Sengaja saya save kode script HTML nya di blog mr-yellows barang kali sewaktu-waktu membutuhkan script ini dan ternyata mudah sekali.

Dalam setiap postingan di blog tentunya kita ingin menyisipkan beberapa gambar. Jika berbaris atau berjajar ke bawah kelihatannya kurang menarik walau pun memang masalah ini (bukan masalah sih), persoalan mengenai penempatan gambar disesuaikan saja dengan kebutuhannya. baik itu mau sejajar kesamping atau pun mengurut ke bawah sah-sah saja.

Namun dalam beberapa postingan yang memang mengharuskan ada image yang banyak alangkah bagusnya bila dilihat 2 - 3 jajar atau lebih agar pengunjung pun enak gitu lihatnya rapi dan gak berantakan. Seperti contoh pada gambar situs mobil yang memiliki beberapa fitur dengan gaya tampilan tampak depan, tampak samping atau tampak belakang dan ini sangat bagus jika gambar-gambarnya disejajarkan atau berdampingan saja.

Bagaimana sih cara membuat gambar berdampingan sejajar di blog agar postingan gambar terlihat rapi. Ini dia kode HTML-nya :

Kode untuk dua Gambar berdampingan sejajar:

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

Kode untuk tiga Gambar berdampingan sejajar:


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

Untuk menambah kolomnya tinggal Anda tambahkan saja kode <td>Gambar 3</td> sebelum kode terakhir. Cara membuatnya adalah sebagai berikut:

1. Copy kode tersebut dan pastekan di menu HTML
2. Masih di menu HTML Select All tulisan Gambar 1
3. Delete > Lalu Unggah gambar yang akan di tampilkan
4. Select All tulisan Gambar 2 > delete . dan lakukan hal yang sama sesuai jumlah gambar.
5. Pindah/Klik menu Compose

Dan akan terlihat hasilnya gambar berdampingan sejajar pada postingan blog Anda seperti contoh dibawah ini.


Cara Membuat Gambar Berdampingan Sejajar di Blog
Cara Membuat Gambar Berdampingan Sejajar di Blog
Note:
- Setelah mengunggah ada pilihan untuk ukuran dan aligment (sesuaikan)
- Thanks to Sumber gambar dari Group Photoshop (ada tanda tangan pengeditnya)
- Selamat mencoba.