Cara Membuat Tabel di Blog dengan Script Sederhana
CRONOSAL-Pada kesempatan kali ini ane akan share Cara Membuat Tabel di Blog dengan Script Sederhana. Script yang digunakan sangat simpel, tidak ada CSS, frame, efek, dan sebagainya. Kelebihan dari tabel ini adalah desain yang sederhana dan ringan.
Script tabel ini bisa digunakan dalam HTML baik dalam post maupun widget. Berikut adalah panduannya:
Cara_Membuat_Tabel_di_Blog_dengan_Script_Sederhana
KODE #1
<table width="500" border="1">
<tr>
<td>Kolom 1 </td>
<td>Kolom 2 </td>
</tr>
</table>
Hasilnya:
Kolom 1
|
Kolom 2
|
Jika ingin menambah jumlah kolom, agan cukup menambah kode <td>Kolom 3</td> dibawah tulisan kode <td>Kolom 2</td>
dan hasilnya seperti dibawah ini:
dan hasilnya seperti dibawah ini:
Kolom 1 | Kolom 2 | Kolom 3 |
KODE #2
<table width="500" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
</tr>
</table>
Hasilnya:
Kolom 1 A | Kolom 1 B |
Kolom 2 A | Kolom 2 B |
KODE #3
<table width="500" border="1">Hasilnya:
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
<td>Kolom 2 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
</table>
Kolom 1 A | Kolom 1 B | Kolom 1 C |
Kolom 2 A | Kolom 2 B | Kolom 2 C |
Kolom 3 A | Kolom 3 B | Kolom 3 C |
Catatan:
- Tulisan berwarna merah adalah lebar
- Kode yang paling disarankan adalah KODE #3
- Silahkan modifikasi sesuai keinginan
Mohon maaf apabila ada kesalahan. Segala masukan dan kritikan akan diterima :D
Sekian
SALAM Blogger
Tags:
Blogger
Tips dan Trik
3 komentar
bisa dikerjakan dalam keadaan off line gak gan?
ReplyDeleteTetap bisa kok gan :)
Deletemakasih atas segala informasi yang telah di bagikan
ReplyDeleteobat herbal vertigo
Gunakanlah form komentar dengan bijak, hanya 20% komentar yang disetujui. Jadi jangan buang waktu Anda.
Jika ingin bertanya, berikan informasi yang detil.
Mohon untuk tidak melakukan spamming