Cara membuat gambar sejajar dalam html

Menata gambar samping di postingan blog berarti membuat gambar di postingan blog kita sejajar secara horizontal. Contohnya adalah seperti di bawah ini

Cara membuat gambar sejajar dalam html
Cara membuat gambar sejajar dalam html
Untuk menyusun gambar samping seperti di atas caranya cukup sederhana, anda hanya perlu memasukan kode dibawah ini ketika anda berada di area postingan baru dan ingin memasukan lebih dari satu gambar yang kebetulan gambarnya dan ingin menyusunnya menyamping tinggal enter kode di bawah ini dan jangan lupa masuk dari posisi Compose ubah ke HTML, lihat gambar

Cara membuat gambar sejajar dalam html

Kemudian copy saja kode di bawah ini dan paste di Edit Entry yang tentunya di posisi Edit HTML, berikut kode scriptnya

Cara membuat gambar sejajar dalam html


Cara membuat gambar sejajar dalam html


Cara membuat gambar sejajar dalam html


Untuk mempersingkat waktu mari kita mulai saja mencoba agar gambar yang kita upload bisa berjejer, saya asumsikan anda sudah tahu cara upload gambar di blogger, jadi kita gabungkan saja kode-kode htmlnya

Berikut kode-kodenya agar gambar bisa berjejer seperti gambar di atas


URL GambarURL GambarURL Gambar


Ganti teks URL Gambar yang berwarna merah di atas dengan URL gambar Anda, Anda akan mendapatkan URL gambar saat mengunggahnya, seperti ini untuk contoh.












Semua yang saya berikan dengan warna merah adalah url gambar, ganti semuanya dengan url gambar Anda

Susunan kode html diatas adalah untuk ketiga gambar yang ingin di ratakan seperti contoh gambar diatas, anda bisa menambahkan gambar apapun yang anda inginkan, anda hanya perlu menambahkan kode-kodenya


Ternyata membuat deretan gambar dalam postingan blog itu mudah bukan? . Bagi yang ingin mengetahui kode warna, silahkan baca artikelnya