Membuat Kolom Widget dengan Table

Oleh Ade Sanusi

11.24.2008

Bagikan :

Tweet

Sudah gak Asing lagi dengan  3 kolom pada footer, 2 kolom, bahkan 4 kolom, tentunya dengan tips yang beragam pula, Banyak jalan menuju Indonesia, banyak jalan pula untuk membuat kolom pada widget, salah satunya dengan memanfaatkan table yang pembahasannya sudah di singgung pada artikel HTML untuk Table

Seperti biasa saya hanya mengembangkan konsep dasar, untuk itulah mengapa saya sering memposting artikel yang sedikit aneh bahkan beda dari blogger blogger lainnya, karena saya hanya belajar bagaimana menemukan mencari sesuatu yang baru berdasarkan konsep yang sederhana alias konep dasar.

Masih ingat kan dengan pembahasan table, baik saya agak simpel saja sekarang,
 Konsep dasar:

<table border="1">
<tr><td>Kolom ke 1</td><td>Kolom Ke 2</td><td>Kolom ke 3</td></tr>
</table>

Hasilnya:

Kolom ke 1

Kolom Ke 2

Kolom ke 3

Berdasarkan konsep tadi mari kita aplikasikan ke dalam template blogger kita, di sini saya aplikasikan untuk membagi Header menjadi beberapa kolom?

Membuat Header Menjadi Tiga Kolom

Berikut contoh kodenya:

<table><tr><td><b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Dunia Blogger (Header)' type='Header'/> </b:section></td><td><b:section class='header' id='heade2' preferred='yes'> </b:section> </td><td><b:section class='header' id='heade3' preferred='yes'> </b:section> </td></tr></table>


Silahkan Pelajari sendiri yah, sesuaikan blok warna pada kode di bawah sesuai kode paling atas. besar kemungkinan penjelasannya kan ada pada kotak komentar jadi berkomentar yah:)




Berikut Tampilan Layout yang akan Blogger Tampilkan:


Sedangkan Hasil pada Blognya kurang lebih pada gaambar di bawah ini:

Masing Masing Panah menunjukan Kolom,

Untuk modifikasi ukuran, warna, border, dan lainnya saya sarankan membaca artikel HTML untuk Table , dan Silahkan berexperiment dan jangan takut mencoba.

Tag : Tips and Trik, Unik