Menata template dengan tabel

Kembali pada masalah tabel, kita tahu bahwa tabel adalah sebuah bentuk daftar yang terdiri dari kolom dan baris sehingga bisa digunakan sebagai cara penataan. Agar lebih jelas misalnya kita ingin membuat widget berjajar secara horizontal maka jika menggunakan div saja harus ditata dengan penggunaan perintah floating. pengaturannya akan semakin ribet jika berjajar lebih dari 3 kolom karena agar penataan rapi maka semua harus di float kiri atau kanan semua, saat keseluruhan sudah ditata maka kadang tidak sesuai dengan lebar keseluruhan template. Kalau cuma 2 masih mudah karena hanya perlu mengatur float left dan float right saja. Bagaimana kalau penataan semakin rumit? Belum lagi kalau kita kemudian ingin penataan tampil di elemen halaman blogger bari sebagai barisan widget, kita akan dihadapkan pada pengaturan section.

Agar tidak ribet maka jalan yang bisa ditempuh adalah dengan tabel. Sebagai ilustrasi saya akan membuat kotak-kotak yang akan saya buat dengan div dan tabel, agar tahu maksudnya. Saya umpamakan sebuah gambar adalah widget.

Jika dibuat dengan tag div

Kode untuk membuat kotak-kotak diatas dibawah ini:

<div style="border:1px solid #cccccc; padding:5px;">
<div style="width:32%; float:left; border:1px solid #cccccc; text-align:center;">
<img src="...../Jeon_Ji_Hyun.jpg" alt="image1" />
</div>
<div style="width:32%; float:left; border:1px solid #cccccc; text-align:center;">
<img src="...../Jeon_Ji_Hyun.jpg" alt="image1" />
</div>
<div style="width:32%; float:left; border:1px solid #cccccc; text-align:center;">
<img src="...../Jeon_Ji_Hyun.jpg" alt="image1" />
</div>
<div class="clear"></div>
</div>

Jika dibuat dengan tabel

Kode untuk tabel diatas:

<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td align="center"><img src="...../Jeon_Ji_Hyun.jpg" alt="image1" /></td>
<td align="center"><img src="...../Jeon_Ji_Hyun.jpg" alt="image1" /></td>
<td align="center"><img src="...../Jeon_Ji_Hyun.jpg" alt="image1" /></td>
</tr>
</table>

Bandingkan lebih simple mana? Belum lagi kalau dengan tag div ingin membuat lebih rumit, maka tingkatan div harus diatur lebih rumit. Kalau hanya membuat tiga kotak bagian saja tag div begitu panjang bagaimana kalau mau membuat model seperti dibawah:

Dengan tag div untuk membuat penataan seperti diatas memerlukan tingkatan bisa sampai 5. Bisa puyeng dulu sebelum bikin.

Mungkin anda bertanya lho kalo gitu widgetnya ada garisnya? Tentu saja tidak kalau kita atur tidak bergaris . Tabel diatas jika saya atur tidak bergaris akan seperti dibawah ini:

Untuk membuktikan lebih riil manfaat dari penggunaan tabel untuk menata blog lihat source halaman di ateonsoft.com khusunya widget bagian bawah semua diatur dengan tabel, bahkan banyak postingan artikel yang menggunakan tabel untuk mengatur floating, seperti artikel Foto-foto hot Rahma Azhari sedang bugil, saya menggunakan tabel tak terlihat (baca tanpa border) dalam menata peletakan fotonya . Untuk lebih mendalami penggunaan tabel baca tutorial HTML lengkap 11.

Sebagai ilustrasi riil misalnya akan membuat header dilengkapi menu bisa seperti dibawah ini:

	menu satu	menu dua	menu tiga	menu empat
	menu lima	menu enam

Diatas hanya contoh sederhana, karena kalau terlalu rumit maka akan semakin sulit dimengerti dengan kreativitas tinggi maka tampilan header bisa benar-benar mewah. Kalau menu diatas tabelnya dihilangkan garisnya akan seperti dibawah ini:

	menu satu	menu dua	menu tiga	menu empat
	menu lima	menu enam

Kawan-kawan pemula mungkin ada yang bingung dan tidak mengerti, wajar sebagai newbie, tapi setidaknya artikel ini bisa sebagai pengantar dalam mendalami dunia template. Penataan blog tengan tabel ini tidak hanya bisa diaplikasikan pada blog yang hosting di blogspot, malah jika anda hosting sendiri maka akan lebih terbuka fasilitasnya karena tidak dibatasi seperti blog gratisan. Jika anda ingin tahu blog hosting sendiri menggunakan mesin wordpress yang ditata dengan tabel silahkan buka halaman muka blog sahabat Dunia Internet yang saat ini juga ikut memeriahkan kontes SEO Kampanye Damai Pemilu Indonesia 2009. Salam.