Cara Merapikan Widged/Image

Jika anda belum berpengalaman menggunakan table untuk merapikan widget (termasuk iklan maupun banner), kurang lebih beginilah cara merapikan iklan dengan table agar berjejer kesamping.

Langkah-Langkah Merapikan Iklan berjejer :
Masuk ke tata letak di blog yang anda miliki
Pilih Tata Letak kemudian tambah Widget HTML
Buat Script HTML Seperti Berikut :

</div>
<table><tr>
<td>Widget A yang Dikehendaki</td>
<td></td>
<td>Widget B yang Dikehendaki</td>
<td></td>
<td>Widget C yang Dikehendaki</td>
</tr></table>
</div>

Pada Kasus Kali ini, Script dari Widget yang ingin saya pasang misalnya ketiga-tiganya sebagai berikut :

<a title="Blog Pelajar Terbaik" href="http://pelajarterbaikupi.blogspot.com" target="_blank"><img alt="Kunjungi Blog Pelajarterbaik" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKDmddwIoM-_OH2hMl193woXgybbgKl3OrJqcJn8wPhsxKlDojwk0zADX7sNr2bPzLrId0928SR24gbOl6vsASxkmNhzV90ixbwk0sEgZMh8ymP0Q4DWBCJCYEOwDGzbUVKUST5kPMeE/
s1600/Mahfudin_IW.gif" width="125px" height="125px"/></a>

Maka Tampilan yang akan diperoleh ketika Script tersebut dimasukan ke dalam Script HTML di atas adalah sebagai berikut :


Jika Kita ingin menambah jarak antar gambar tersebut, maka kita cukup membuat kolom kosong lebih banyak lagi (HTML yang berwarna merah) sebanyak yang kita perlukan. Jika melihat polanya, tentu anda memahami bagaimana jika ingin menambahkan lebih banyak widget lagi, sehingga bukan sekedar tiga widget.

Teknik tabel ini, juga sering digunakan untuk merapikan foto-foto di blog, sehingga kumpulan foto (galeri) tersebut bisa lebih rapi karena di atur berjejer seperti gambar di atas.

Sumber:  http://www.pelajarterbaik.com/2015/02/solusi-pasang-banner-berantakan-memasang-widget-iklan-berjejer-kesamping.html