Skip to content Skip to sidebar Skip to footer

Cara Mengatur Gambar Berjajar Pada Postingan Blog (1)

 

 

 

Kuliner Sumenep 1 Kuliner Sumenep 2 Kuliner Sumenep 3


U ntuk membuat postingan pada blog, kadangkala kita perlu untuk menampilkan gambar lebih dari satu, agar konten postingan itu tersampaikan secara jelas  dengan dukungan gambar yang memadai sehingga postingan kita mudah dipahami oleh pembaca. Bagi orang yang baru belajar ngeblog mengatur gambar lebih dari satu pada halaman  posting bukanlah perkara mudah.

Ketidak tahuan dalam mengatur tata letak gambar ini bisa menyebabkan postingan kita menjadi berantakan, tidak terlihat rapi dan kurang terlihat profesional. Gambar yang seharusnya dibuat berjajar, kita susun kebawah, sehingga kelihatan tidak efektif dan artistik. 

Setidaknya ada 2 cara yang bisa penulis sampaikan untuk membuat gambar berjajar dua atau tiga. Disini kita batasi saja, kita akan membuat gambar lebih dari satu yaitu gambar berjajar dua dan gambar berjajar tiga. Karena kalau lebih dari tiga gambar akan kelihatan kecil dan kurang  artistik. 

1. Cara Pertama.

Untuk membuat gambar berjajar lebih dari satu, kita butuh script HTML sederhana untuk menyusunnya. Bagi blogger pemula memang perlu sedikit demi sedikit mempelajari tentang HTML ini, karena belajar ngeblog pasti akan sedikit banyak dihadapkan pada kode-kode pemrograman dengan tag-tag HTML dan CSS.

*Gambar berjajar dua.

Untuk gambar berjajar 2 masukkan script dibawah ini:

<center>
<table>
<tr><td>
<img src='url gambar sobat 1.jpg disini'/>
</td>
<td>
<img src='url gambar sobat 2.jpg disini'/>
</td></tr>
</table>
</center>

*Gambar berjajar tiga.

Untuk gambar berjajar tiga, masukkan script dibawah ini:

<center>
<table>
<tr><td>
<img src='url gambar sobat 1.jpg disini'/>
</td>
<td>
<img src='url gambar sobat 2.jpg disini'/>
<td>
<img src='url gambar sobat 3.jpg disini'/>
</td></tr>
</table>
</center>

Langkah-langkahnya sebagai berikut:
 
1. Script diatas copy pastekan ke halaman postingan pada mode halaman HTML, dimana gambar itu akan diletakkan, diatas, ditengah atau dibawah postingan.

2. Beralih masuk ke halaman statis untuk membuat URL gambar. Ada berapa banyak gambar yang akan kita posting,  buat URL gambarnya di halaman statis, cukup simpan dalam bentuk draft.

Gambar 1.

3. Setelah URL gambar kita dapatkan, kita copy, lalu kembali ke halaman postingan dan pastekan URL gambar yang telah kita copy tadi. Susunan script HTMLnya akan terlihat seperti ini:

Gambar 2.

4. Hasil gambar dari HTML diatas setelah kita ubah ke Halaman menulis atau Compose akan terlihat seperti dibawah ini:

Gambar 3.

Keterangan:
Gambar 1. merupakan contoh hasil dari Script gambar berjajar dua.
Gambar 3. adalah contoh hasil dari Script gambar berjajar tiga.

2. Cara kedua

Cara kedua ini hampir sama dengan yang pertama. Menggunakan tag HTML < tr > dan < td > juga. Tag HTML < tr > dan < td > adalah tag HTML yang digunakan untuk pembuatan tabel.

Elemen < table > digunakan untuk mendefinisikan pembuatan tabel. Elemen < tr > digunakan untuk mendefinisikan pembuatan baris pada tabel. Sedangkan Elemen < td > digunakan untuk membuat kolom atau sel di setiap baris pada tabel.

Kelanjutan cara kedua ini bisa anda ikuti pada postingan berikutnya. Sebagai gambaran cara kedua ini bisa memberikan caption atau keterangan gambar langsung dibawah gambar seperti pada gambar berjajar tiga diatas.

Coba anda praktekkan cara pertama ini dalam postingan blog anda, semoga bermanfaat...sampai ketemu dipostingan  berikutnya Cara Mengatur Gambar Pada Postingan Blog seri kedua.😊💜🙌
Nur Hakim
Nur Hakim Fokus adalah salah satu kiat untuk sukses

Post a Comment for "Cara Mengatur Gambar Berjajar Pada Postingan Blog (1)"