Cara Membuat Gambar Agar Berdampingan

Cara Membuat Gambar Agar Berdampingan

Bagai manakah cara mensejajarkan tampilan gambar dalam sebuah postingan? Aha !!!, bagi para suhu pertanyaan di atas mudah saja untuk di jawab. Namun buat para sobat yang belum mengetahui cara-caranya, disini aku akan menceritakan tentang cara membuat gambar agar berdampingan. Ya, buat sobat yang ingin mengetahui cara-cara dan langkah pembuatannya, silahkan untuk lanjut membaca postingan ini.

Sebelum berlanjut pada inti dari judul tulisan ini silahkan sobat perhatikan terlebih dulu penampakan gambar di bawah ini. Di mana penempatan gambar terlihat begitu sejajar di setiap sudut pandangnya, tanpa mengurangi dan membuang ruang kosong dalam menempatkan gambar tersebut. Dan pada dasarnya cara ini tidak jauh berbeda dengan cara membuat tabel, karena pada pemasangan gambar di bawah ini pun aku menggunakan dasar-dasar pembuatan tabel.

Setelah melihat gambar di atas,kini aku akan membocorkan cara pembuatannya hingga menghasilkan bentuk dan penataan gambar seperti yang terlihat di atas. Gambar tersebut bisa tersusun rapi dan sejajar rahasianya adalah berkat sebuah kode HTML, dimana aku hanya tinggal menyisipkan url gambar dan mengatur lebar serta tinggi gambar saja pada tiap kode tersebut.

Untuk lebih jelasnya seperti ini: copy paste kode yang berada di bawah ini kemudian simpan atau masukkan kedalam postingan atau gadget HTML.

<br />
<table border="0" cellpadding="50" style="width: 340px;">
<tbody>
<tr>
<td align="center"><a href="http://cerita-ngeblog.blogspot.com/2013/03/ayo-menggambar-dan-mewarnai.html" target="new"><img alt="Yo kita mewarnai" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKpc3QtH8HZSm6HTdZ8V5N4gKCxpu_a0qvpsTBUx64QPR2ToyeuULtc1JoH93aA1Z7JZpDGEJHHQSCJ6TtV4ObCj-uGIzAELPA764LHN3ogjPr0EibVy4LePb0D_i2A9E6ejo3OwQDmG2p/s1600/MARI-MENGGAMBAR-DAN-MEWARNAI.gif" /></a>
</td>
<td align="center"><a href="http://cerita-ngeblog.blogspot.com/2013/03/ayo-menggambar-dan-mewarnai.html"><img alt="Yo kita mewarnai" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKpc3QtH8HZSm6HTdZ8V5N4gKCxpu_a0qvpsTBUx64QPR2ToyeuULtc1JoH93aA1Z7JZpDGEJHHQSCJ6TtV4ObCj-uGIzAELPA764LHN3ogjPr0EibVy4LePb0D_i2A9E6ejo3OwQDmG2p/s1600/MARI-MENGGAMBAR-DAN-MEWARNAI.gif" /></a>
</td>
</tr>
<tr>
<td align="center"><a href="http://cerita-ngeblog.blogspot.com/2013/03/ayo-menggambar-dan-mewarnai.html"><img alt="Ayo mewarnai klik saja di sini" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKpc3QtH8HZSm6HTdZ8V5N4gKCxpu_a0qvpsTBUx64QPR2ToyeuULtc1JoH93aA1Z7JZpDGEJHHQSCJ6TtV4ObCj-uGIzAELPA764LHN3ogjPr0EibVy4LePb0D_i2A9E6ejo3OwQDmG2p/s1600/MARI-MENGGAMBAR-DAN-MEWARNAI.gif" /></a>
</td>
<td align="center"><a href="http://cerita-ngeblog.blogspot.com/2013/03/ayo-menggambar-dan-mewarnai.html" target="new"><img alt="Ayo mewarnai klik saja di sini" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKpc3QtH8HZSm6HTdZ8V5N4gKCxpu_a0qvpsTBUx64QPR2ToyeuULtc1JoH93aA1Z7JZpDGEJHHQSCJ6TtV4ObCj-uGIzAELPA764LHN3ogjPr0EibVy4LePb0D_i2A9E6ejo3OwQDmG2p/s1600/MARI-MENGGAMBAR-DAN-MEWARNAI.gif" /></a>
</td>
</tr>
</tbody></table>

Susun ulang setiap kode yang sengaja aku cetak tebal/berwarna dan sesuaikan dengan kebutuhan sobat masing-masing hingga menghasilkan tata letak gambar yang sesuai dengan yang sobat inginkan. Sekian saja kiranya tentang cara membuat gambar agar berdampingan di dalamm sebuah postingan. Jika ada yang kurang jelas dalam penyampaiannya mohon dimaklum saja. Bye-bye...