HOW MANY IMAGES SET TO IMMACULATE INSIDE AND INTERESTING POST

Translate

Trik Menyusun gambar ..
Tips dan triks blogspot mengenai penyusunan image atau gambar yang dibuat di dalam postingan blog seperti biasanya akan melorot kebawah dan yang jelas itu membuat pemandangan yang tidak bagus jika dilihatnya. Nah untuk menyusun gambar banyak didalam postingan blog agar rapi dan supaya ukurannya sama besar disamping menghemat ruang posting juga enak dilihat.

Mungkin juga anda tertarik dengan Artikel sebelumnya yang berhubungan dengan Widget ;

- Cara Membuat Kategori atau Label Bergerak
http://www.affiliate-waones.com/2012/12/easy-ways-to-make-moving-widget-in-blog.html

- Cara Mudah Membuat Widget Bergerak Di Blog
http://www.affiliate-waones.com/2012/12/how-to-create-or-open-spoiler-here-with.html

- Cara Membuat Spoiler atau OpenHere Dengan Tampilan Menarik
http://www.affiliate-waones.com/2012/12/easy-ways-to-make-recent-post.html

- Cara Mudah MembuatRecent Post Thumbnail Gambar Bergerak Slide Di Blog
http://www.affiliate-waones.com/2012/12/how-to-create-category-or-label-moving.html 

- CARA MENYUSUN GAMBAR BANYAK DIDALAM POSTINGAN AGAR RAPI
http://www.affiliate-waones.com/2012/12/how-many-images-set-to-immaculate.html

Biasanya kalau memasang gambar/image di postingan akan tampak seperti dibawah ini, jadi gambar jatuh ke bawah/memanjang kebawah. Bagaimana seandainya gambar tersebut banyak? yang jelas akan makin memanjang kebawah seperti contoh dibawah ini, tidak bagus bukan, karena memakan banyak ruang post.







Supaya gambar tersusun rapi didalam posting blog, anda hanya menambahkan kode :

<table><tr>
<td>Url Gambar </td>
</tr></table>


Sebenarnya kode-kode diatas sama persis dengan cara meletakkan foto atau gambar dalam Widget Antik, lihat postingan saya mengenai Cara Mudah Membuat Widget Bergerak Di Blog.
Cara meletakkan kode tersebut beserta url gambar di dalam postingan pada mode HTML, lihat contoh dibawah ini untuk cara meletakkan kode-kode tersebut.

<table><tr>

<td><a href="http://2.bp.blogspot.com/-tAGCJQl0wK4/UHUJQqPQUeI/AAAAAAAAH5M/BXi9YHLYexU/s1600/095.jpg"><img border="0" height="142"src="http://2.bp.blogspot.com/-tAGCJQl0wK4/UHUJQqPQUeI/AAAAAAAAH5M/BXi9YHLYexU/s320/095.jpg"width="142" /></a></td>
<td><a href="http://2.bp.blogspot.com/-tAGCJQl0wK4/UHUJQqPQUeI/AAAAAAAAH5M/BXi9YHLYexU/s1600/095.jpg"><img border="0" height="142"src="http://2.bp.blogspot.com/-tAGCJQl0wK4/UHUJQqPQUeI/AAAAAAAAH5M/BXi9YHLYexU/s320/095.jpg"width="142" /></a></td>
<td><a href="http://2.bp.blogspot.com/-tAGCJQl0wK4/UHUJQqPQUeI/AAAAAAAAH5M/BXi9YHLYexU/s1600/095.jpg"><img border="0" height="142"src="http://2.bp.blogspot.com/-tAGCJQl0wK4/UHUJQqPQUeI/AAAAAAAAH5M/BXi9YHLYexU/s320/095.jpg"width="142" /></a></td>
<td><a href="http://2.bp.blogspot.com/-tAGCJQl0wK4/UHUJQqPQUeI/AAAAAAAAH5M/BXi9YHLYexU/s1600/095.jpg"><img border="0" height="142"src="http://2.bp.blogspot.com/-tAGCJQl0wK4/UHUJQqPQUeI/AAAAAAAAH5M/BXi9YHLYexU/s320/095.jpg"width="142" /></a></td>

</tr></table>

Maka hasilnya akan seperti gambar dibawah ini ;


Untuk membuat gambar menjadi persegi empat (sama besar dengan gambar yang lainnya) maka anda harus menambahkan kode warna biru diatas height="142" width="142" , atur sendiri sesuai dengan lebar ruang post anda. Lihat hasil gambar yang tersusun rapi di dalam postingan blog dibawah ini.
CONTOH GAMBAR

Sekian .. Selamat mencoba!!!
Semoga berguna dan bermanfaat.


Edit ; wawansurya
Sumber;
www.affiliate-waones.com
http://mitra-sbm.blogspot.com/
http://mitra-sbm.blogspot.com/

merchant 

Artikel Menarik Lainnya :