BRANKAS SCRIPT (BLOGSPOT): Membuat Tabel Pada Artikel Blog

Membuat tabel di postingan blog, tentu mempunyai cara sendiri karena dalam menu lembar kerja posting blog tidak tersedia insert tabel seperti dalam ms.word office atau exel ..he..he..he..
Nah terus bagaimana jika kita ingin membuat sebuah tabel dalam postingan blog itu sendiri??
Gampang sobat....
Didalam blog semua bisa diperintah melalui code, nah disini Kang Degleng memberi sedikit contoh bagaimana membuat tabel (tersedia berbagai bentuk) anda tinggal mengganti kompunen yang di inginkan.
Okey.. langsung ke Pembahasan :

Berikut contoh-contoh tabel beserta codenya :

1.Tabel Biasa

contoh :

isi teks anda disini

Code:
<table width="300" border="1"><tr><td>isi teks anda disini</td></tr></table>

2.Tabel Biasa dengan Huruf di Ditengah
Contoh:

Tabel Biasa dengan Huruf di Ditengah

Code:
<table width="300" border="1"><tr><td align="center">Tabel Biasa dengan Huruf di Ditengah</td></tr></table>

3.Tabel Biasa dengan Huruf di posisi center / tengah serta border tebal
Contoh:

Tabel Border Tebal

Code:
<table width="300" border="6"><tr><td align="center">Tabel Border Tebal</td></tr></table>

4.Tabel Biasa dengan 2 (dua) kolom
Contoh:

tabel kolom 1

tabel kolom 2

Code:
<table width="300" border="1"><tr><td>tabel kolom 1</td><td>tabel kolom 2</td></tr></table>

5.Tabel Biasa dengan 2 (dua) kolom serta border tebal dan Posisi huruf center / tengah
Contoh:

tabel kolom 1

tabel kolom 2

Code:
<table width="300" border="6"><tr><td align="center">tabel kolom 1</td><td align="center">tabel kolom 2</td></tr></table>

6.Tabel Biasa dengan 2 (dua) kolom / columns dan dua baris
Contoh:

kolom satu	kolom dua
baris satu	baris kedua

Code:
<table width="300" border="1"><tr><td>kolom satu</td><td>kolom dua</td></tr><tr><td>baris satu</td><td>baris kedua</td></tr></table>

7.Tabel Biasa dengan 2 (dua) kolom dan dua baris serta border tebal juga huruf posisi ceter / tengah
Contoh:

kolom satu	kolom dua
baris kedua	baris kedua

Code:
<table width="300" border="6"><tr><td align="center">kolom satu</td><td align="center">kolom dua</td></tr><tr><td align="center">baris kedua</td><td align="center">baris kedua</td></tr></table>

8.Tabel Biasa dengan 4 (empat) kolom / columns dan dua baris juga huruf posisi ceter / tengah
Contoh:

kolom satu	kolom dua
baris kedua	baris kedua
baris ketiga	baris ketiga
baris keempat	baris keempat

Code:
<table width="300" border="1"><tr><td align="center">kolom satu</td><td align="center">kolom dua</td></tr><tr><td align="center">baris kedua</td><td align="center">baris kedua</td></tr><tr><td align="center">baris ketiga</td><td align="center">baris ketiga</td></tr><tr><td align="center">baris keempat</td><td align="center">baris keempat</td></tr></table>

9.Tabel dengan Background Warna-Warni dengan 4 (empat) kolom / columns dan dua baris juga huruf posisi ceter / tengah
Contoh:

kolom satu	kolom dua
baris kedua	baris kedua
baris ketiga	baris ketiga
baris keempat	baris keempat

Code:
<table width="300" border="1"><tr><td align="center" bgcolor="red">kolom satu</td><td align="center" bgcolor="blue">kolom dua</td></tr><tr><td align="center" bgcolor="yellow">baris kedua</td><td align="center" bgcolor="green">baris kedua</td></tr><tr><td align="center" bgcolor="#00FFFF">baris ketiga</td><td align="center" bgcolor="#FF7F50">baris ketiga</td></tr><tr><td align="center" bgcolor="#ADFF2F">baris keempat</td><td align="center" bgcolor="#FF1493">baris keempat</td></tr></table>

10.Tabel yang terpisah.
Contoh:

satu
kolom satu	kolom dua
baris kedua	baris kedua
dua
baris ketiga	baris ketiga
baris keempat	baris keempat

Code:
<table width="300" border="1"><th>satu</th><tr><td align="center" bgcolor="red">kolom satu</td><td align="center" bgcolor="blue">kolom dua</td></tr><tr><td align="center" bgcolor="yellow">baris kedua</td><td align="center" bgcolor="green">baris kedua</td></tr><th>dua</th><tr><td align="center" bgcolor="#00FFFF">baris ketiga</td><td align="center" bgcolor="#FF7F50">baris ketiga</td></tr><tr><td align="center" bgcolor="#ADFF2F">baris keempat</td><td align="center" bgcolor="#FF1493">baris keempat</td></tr></table>

11.Tabel Istimewa (wach.. tambah pening aja ini..., he..he..)
Contoh:

**Tabel Istimewa**
Daftar Gan
No.	Name:
1.	Nama Satu
2.	Nama Dua
3.	Nama Tiga

Code:
<table align="center" border="1" cellpadding="5" cellspacing="0" >
<caption align="top"><b>Tabel Istimewa</b></caption><tr><th colspan="2">Daftar Gan</th></tr><tr><th>No.</th><th>Name:</th></tr><tr><td>1.</td><td>Nama Satu</td></tr><tr><td>2.</td><td>Nama Dua</td></tr><tr><td>3.</td><td>Nama Tiga</td></tr></table>

Sebenarnya masih banyak lagi bentuk bentuk tabel, tinggal anda modif sendiri, atau jika anda kesulitan, silahkan kunjungi situs penyedia pembuatan tabel secara online :
silahkan clik tombol berikut :

Jumat, 21 Desember 2012

Membuat Tabel Pada Artikel Blog