Kadang saat posting blog kita membutuhkan penampilan gambar atau foto yang berdampingan sejajar.
Di blogspot harus menggunakan kode terentu. Kalau ingin lebih mudah, edit aja gambarnya di Corel atau Photoshop, lalu tampilkan berdampingan.
Kalau tidak, harus pake kode sebagaimana diajarkan W3School. Kita juga bisa belajar atau mengambil kode HTML dan CSS lainnya di sana.
Ini dia Daftar Laptop-Notebook Terbaik (Best Laptop) 2015 versi Laptop Mag.
 Lenovo ThinkPad X240 |  Toshiba CB35-A3120 Chromebook 2 |
Di atas adalah gambar berdampingan berjumlah dua buah.
Berikut ini contoh gambar berdampingan tiga buah. Masih daftar Laptop Terbaik 2015 versi Laptop Mag.
 Alienware 17 (2014) |  Dell XPS 13 |  Asus Transformer Book T200 |
CARA MEMBUATNYA
- Tuntaskan dulu tulisan Anda.
- Setelah beres, pilih posisi gambar mau di mana, di bagian alinea ke berapa. Kasih kode tulisan, misalnya "Gambar di Sini".
- Klik mode "HTML"
- Copas dan Replace tulisan "Gambar di Sini" tadi dengan kode berikut ini:
Kode untuk Dua Gambar Berdampingan Sejajar:
<table><tr>
<td>Gambar 1</td>
<td>Gambar 2 </td>
</tr></table>
<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>
<td>Gambar 1</td>
<td>Gambar 2</td>
<td>Gambar 3</td>
</tr></table>
Setelah dipaste, KEMBALI ke mode "Compose" !!!
Akan mucul ruang gambar.
Langkah berikutnya:
- Klik atau "Select All" tulisan Gambar 1 dst.
- Klik "Insert Image", dan uplod!
Demikian seterusnya, satu per satu. Jika gambarnya beda ukuran, maka atur di Mode HTML.
Ribet ya? Ya lah..... makanya gak usah ada gambar berdampingan di posting blog! Kalau harus ada, edit dulu aja di Corel atau Photoshop!
