Cara 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 ;
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.
http://waones-sbm.blogspot.com/2012/12/cara-mudah-membuat-widget-bergerak-di.html
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>
<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.
merchant
Tidak ada komentar:
Posting Komentar
Apabila ada saran atau dalam posting ada kata yang kurang berkenan, saya mohon maaf. terima kasih sudah mampir di blog saya.