Cara Menampilkan Gambar atau Foto pada Kolom Sejajar di Postingan Blog

Berikut ini adalah tutorial menampilkan banyak foto atau gambar di postingan blog dengan rapi. Foto - foto tersebut dapat ditampilkan dengan rapi menggunakan style grid. Foto disusun pada kolom - kolom yang sudah ditentukan. Bisa dibuat dua atau tiga kolom dengan posisi sejajar.

"Gamabar / Foto tersebut akan ditampilkan lebih kecil, ketika diklik maka ukurannya menjadi besar"

Cara ini efektif untuk menghemat tempat pada postingan blog. Bagi blog dengan tema travel / wisata teknik ini akan membuat postingan menjadi lebih unik. Postingan akan terlihat seperti majalah, sehingga nyaman untuk dilihat.

Berikut langkah - langkahnya : 

1. Login Blogger.com
2. Buat Post Baru
3. Pilih mode HTML
4. Copy salah satu Script Code di bawah ini pada mode HTML

Script Kode Desain 2 kolom
 

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

Script Kode Desain 3 kolom
 

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

Script Kode Desain gabungan 2 kolom dan 3 kolom
 

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

6. Kemudian kembali ke mode Compose
7. Klik kursor sebelum kata "Gambar", lalu Enter
8. Klik space yang ada tepat di atas kata gambar
9. Klik "Insert image" pilih foto yang sudah di aploud

Jika berhasil maka akan terlihat seperti dibawah ini :

Gambar 1

Gambar 2

Gambar 3

Gambar 4

Gambar 5

Tips : untuk membuat tampilan yang bagus, aploud foto dengan ukuran yang sama

Sekian tutorial singkat ini, semoga dapat bermanfaat. Jika ada yang kurang jelas, silahkan tanyakan melalui kolom komentar dibawah ini. Selamat mencoba ...