cara susun gambar pada posting - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul cara susun gambar pada posting, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel letak-gambar, Artikel susun-gambar, Artikel turorial blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : cara susun gambar pada posting
link : cara susun gambar pada posting

cara susun gambar pada posting

Menyusun gambar semasa posting adalah satu perkara yang menyukarkan kerana kebiasannya gambar akan berada dibawah.Kalau dapat diletak sebelah menyebelah tentulah nampak lebih kemas dan menjimatkan ruangan.Sebagai contoh seperti gambar dibawah ini:

Kebiasaanya akan jadi seperti ini tersusun menjadi tiga baris.
untuk mengubahnya kita perlu masuk ke mode edit HTML

Dari compose klik pada mode edit HTML dan akan terpapar kod seperti dibawah :

<div style="float: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHTCmvv-Q0hGDq2rjOckX7nfPsdewVbpsKubvICICqhNCFrXn24phipuTkVtfdUb545VxDZtT2fgh7JLU5Q8czYVYpOD8QCLF2cGlf-ltuGAwkF2a1gc7DCOfdNYK9wx0Uu3tgwxpVCk8/s1600/images.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHTCmvv-Q0hGDq2rjOckX7nfPsdewVbpsKubvICICqhNCFrXn24phipuTkVtfdUb545VxDZtT2fgh7JLU5Q8czYVYpOD8QCLF2cGlf-ltuGAwkF2a1gc7DCOfdNYK9wx0Uu3tgwxpVCk8/s1600/images.jpeg" /></a></div>

</div>

<div style="float: left;">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtcX5ja6_-QPrgnOINX5AaUaYg4O6dKWME9iL7RFq94tCS9wgjibbHZSrXxXWTO_p5I6zmtSh4pQCXkjANFLxDvxf5biWe2VWuCT67fnz5cf7g3SwHIuIXM4J8_lDFuGf64oB8cG47rJo/s1600/imagesd.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtcX5ja6_-QPrgnOINX5AaUaYg4O6dKWME9iL7RFq94tCS9wgjibbHZSrXxXWTO_p5I6zmtSh4pQCXkjANFLxDvxf5biWe2VWuCT67fnz5cf7g3SwHIuIXM4J8_lDFuGf64oB8cG47rJo/s1600/imagesd.jpeg" /></a></div>
</div>

<div style="float: left;">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdYnO_aMczrvOdScuuqMfkcdOKLg08wph_ef69lcoLAYdBy7ECInetozSaRB-xK57KsBUsPpUxadBd61fwEabMTdsUnR1a9ekogAmg3ioM6olVJR7gI03GzMdh_MzcvJTWZWNsWoSIFQ/s1600/flower.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdYnO_aMczrvOdScuuqMfkcdOKLg08wph_ef69lcoLAYdBy7ECInetozSaRB-xK57KsBUsPpUxadBd61fwEabMTdsUnR1a9ekogAmg3ioM6olVJR7gI03GzMdh_MzcvJTWZWNsWoSIFQ/s200/flower.jpg" width="200" /></a></div>

</div>

<div style="clear: both;" /> <div/>

Tambahkan kod warna hijau pada kod gambar seperti diatas

Hasilnya:

bunga merah

Bunga rose

Warna warni

Jika gambar turun juga kebawah(ukuran melebihi ruang) letak atau ubah saiz gambar pada kod.Kalau tak ada pada kod kena tambah seperti dibawah.Perhatikan juga pada kod kadang kadang dah ada(kena periksa jgn ada kod lebih :) ) :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdYnO_aMczrvOdScuuqMfkcdOKLg08wph_ef69lcoLAYdBy7ECInetozSaRB-xK57KsBUsPpUxadBd61fwEabMTdsUnR1a9ekogAmg3ioM6olVJR7gI03GzMdh_MzcvJTWZWNsWoSIFQ/s1600/flower.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdYnO_aMczrvOdScuuqMfkcdOKLg08wph_ef69lcoLAYdBy7ECInetozSaRB-xK57KsBUsPpUxadBd61fwEabMTdsUnR1a9ekogAmg3ioM6olVJR7gI03GzMdh_MzcvJTWZWNsWoSIFQ/s200/flower.jpg" height="200" width="200" /></a></div>

Imej diatas tidak sama besar jadi dengan memasukkan width dan height jadi sama kedudukannya.Cara nya lebih kurang sama dengan apa yg saya terangkan pada artikel susun imej pada sidebar sebelum ini.

Demikianlah Artikel cara susun gambar pada posting

Sekianlah artikel cara susun gambar pada posting kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel cara susun gambar pada posting dengan alamat link http://carasignup.blogspot.com/2010/12/cara-susun-gambar-pada-posting.html

Tweet