Friday 12 August 2011

Membuat column widget dengan table

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.

0 comments:

Post a Comment

Untung pantas

LinkWithin