Memasang Gambar Berjajar secara Vertikal atau Horisontal

Mungkin kita Semua sudah pernah Melihat Gambar yang berjajar baik secara Vertical ataupun secara Horizontal Biasanya Gambar ini terletak pada header atau Sidebar Blog, dan pada umum nya di pakai untuk Iklan ataupun Gambar Posting yang bisa memberikan sebuah pencarian unik tentang posting Anda.
Cara pemasangan gambar ini kita buat dengan trik Tabel. Salah satu cara dengan memberikan Script nya yang dapat kita Copy dan kita praktekan.

Berikut untuk Gambar Berjajar Horisontal 

 

<table border="1"><br /> <tr><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td><br /><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td><br /><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td><br /><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td><br /><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td><br /></tr> <br /></table>

Berikut untuk Gambar Berjajar Horisontal dengan Pengaturan Otomatis

 

<table border="1"><br /> <tr><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td><br /><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td><br /><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td><br /><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td><br /><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:100px;height:120px"/></a></td><br /></tr> <br /></table>

Berikut untuk Gambar Berjajar Horisontal dengan Border Berwarna  

 

<table border="1"><br /> <div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background: linear-gradient(to right bottom, rgb(153, 102, 0) 0%, rgb(153, 204, 255) 100%) 0% 0% repeat scroll rgba(0, 0, 0, 0); border-radius: 10px; border: 2px solid rgb(0, 0, 0); float: left; margin: 10px auto; padding: 10px 0px 0px 10px; width: 650px;"> <img src="URL Gambar-1" style="float: left; height: 210px; margin: 0px 10px 10px 0px; width: auto;" /><img src="URL Gambar-2" style="float: left; height: 210px; margin: 0px 10px 10px 0px; width: auto;" /><img src="URL Gambar-1" style="float: left; height: 210px; margin: 0px 10px 10px 0px; width: auto;" /></div> /></tr> <br /></table>

Berikut untuk Gambar Berjajar Vertical

 

<table border="1"><br /> <tr><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:125px;height:100px"/></a></td></tr> <br /> <tr><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:125px;height:100px"/></a></td></tr> <br /> <tr><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:125px;height:100px"/></a></td></tr> <tr><td><a href="URL_POSTINGAN ANDA" target="_blank"><img alt=" JUDUL POSTING ANDA" src="URL_GAMBAR ANDA" style="width:125px;height:100px"/></a></td></tr> </table>

Script