Saturday, 12 June 2010

Cara membuat tabel di blogspot

Oke kali ini aku ingin berbagi tentang bagaimana caranya membuat tabel di blogger atau blogspot.

Sebenarnya nggak sulit kok untuk bisa membuat tabel. Asalkan kita dapat mengetahui kode html nya untuk buat tabel. Tinggal di copy aja kode html nya terus dikombinasi sedikit sesuai dengan keinginan kita.

Ya..seperti tabelnya berapa kolom, atau berapa baris tinggal di duplikasi saja kode tersebut.

Sebagai contoh kita akan membuat tabel satu kolom. Maka kode html nya adalah sebagai berikut:

<table width="200" border="1">
<tr>
<td>

Contoh tabel 1 kolom

</td>
</tr>
</table>

Maka hasilnya akan seperti gambar berikut:







Contoh tabel 1 kolom


terlihat tulisannya masih berada di pinggir tabel. Kalau ingin menaruh tulisan di tengah tinggal dimodifikasi di kodenya menjadi :

<table width="200" border="1">
<tr>
<td align="center">

Contoh tabel 1 kolom

</td>
</tr>
</table>

nanti tampilannya menjadi seperti ini:






Contoh tabel 1 kolom



Bila ingin kolomnya ditambahkan, tinggal ditambahin kodenya menjadi :
<table width="300" border="9">
<tr>
<td align="center">

Contoh tabel kolom 1

</td>
<td align="center">

Contoh tabel kolom 2

</td>
</tr>
</table>

nanti tampilannya menjadi:







Contoh tabel kolom 1



Contoh tabel kolom 2



Kalau mau membuat tabel dua baris ...kodenya menjadi :
<table width="300" border="1">
<tr>
<td align="center">

kolom 1

</td>
<td align="center">

kolom 2

</td>
</tr>
<tr>
<td align="center">

baris 2 kolom 1

</td>
<td align="center">

baris 2 kolom 2

</td>
</tr>
</table>

nanti tampilannya menjadi :












kolom 1



kolom 2



baris 2 kolom 1



baris 2 kolom 2



Selanjutnya untuk memodifikasi tebal garis, warna, dll anda bisa melakukan modifikasi di bagian berikut:

* bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
* align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .
* cellpadding : untuk mengatur jarak antara tepi sel dengan isi sel di dalam sebuah tabel. Penempatan kodenya : cellpadding="pixel" .
* border : untuk mengatur tingkat ketebalan garis tepi pada tabel. Penempatan kodenya : boeder="pixel" .
* cellspacing
: untuk mengatur jarak antara sel. Penempatan kodenya : cellspacing="pixel" .
* height : untuk mengatur tinggi tabel. penempatan kodenya : height="pixel"|"%" .
* height : untuk mengatur lebal tabel. Penempatan kodenya : height="pixel"|"%" .

Demikian cara membuat tabel di blogger atau blogspot semoga membantu...

No comments:

Post a Comment

About Me

My photo
Halo sobat...nama saya Didik Sugiarto.....Saya bukanlah blogger profesional....hanya sekedar hobi ngeblog dan juga belajar cara mencari uang dengan blog.....adsense, amazon, clickbank dll.......semoga blog ini bermanfaat bagi kita semua.