Hai para sobat Blogger, Nah pada kali ini saya akan mentutorialkan cara membuat Table Di Postingan blog, Table blog ini gunanya untuk membuat blog rapih, Selain agar terlihat rapih, input data/penulisan yang singkat tidak terlalu menghabiskan tempat.
Berikut ini adalah tutorial dasar pembuatan tabel pada posting blog:
Contoh Pembuatan Table:
Hasil Dari Code Di atas :
Agar Baris Awal tidak Menyatu Dengan Baris ke 2 maka kita menyisipkan Code :
</table>
Maka hasilnya akan seperti berikut:
NB : Untuk tulisan warna Biru sobat ganti dengan data yang sobat inginkan.
Untuk tulisan warna Merah atau border sobat bisa sesuaikan.
Untuk tulisan warna biru Hijau sobat dapat menyesuaikan dengan banyak kolom yang akan digabungkan
Hanya iini yang bisa saya sampaikan kepada agan/aganwati, Sebenarnya Tutorial untuk membuat Table itu banyak, Namun saya hanya bisa Menshare Sebagiannya saja. tapi jangan khawatir, Jika saya punya waktu luang saya akan mengupdate Cara Membuat Table Di Postingan Blog II
Berikut ini adalah tutorial dasar pembuatan tabel pada posting blog:
- Click Post pada Menu utama blog anda.
- Setelah itu Click HMTL
- Perhatikan Code Berikut :
<table border="1">
<tr>
<td></td> <td></td>
</tr>
</table>
<tr>
<td></td> <td></td>
</tr>
</table>
Keterangan:
<table = perintah untuk membuat tabel.
border> = perintah untuk mengatur tebal garis pinggir.
<tr> = perintah untuk membuat baris pada tabel.
<td> = perintah untuk membuat kolom pada tabel.
Contoh Pembuatan Table:
Praktek | Praktek | Praktek | Praktek | Praktek |
---|
<table border="1">
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td>
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td>
</tr>
<tr>
<td>Praktek</td> <td>Praktek</td> <td>Praktek</td>
<tr>
<td>Praktek</td> <td>Praktek</td> <td>Praktek</td>
</tr>
</table>
Hasil Dari Code Di atas :
Input Data | Input Data | Input Data |
Praktek | Praktek | Praktek |
Agar Baris Awal tidak Menyatu Dengan Baris ke 2 maka kita menyisipkan Code :
<table border="1">
<tr>
<td align="center" colspan="3">Praktek</td>
</tr>
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td>
</tr><tr>
<td align="center" colspan="3">Praktek</td>
</tr>
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td>
</table>
Maka hasilnya akan seperti berikut:
Praktek | ||
Input Data | Input Data | Input Data |
NB : Untuk tulisan warna Biru sobat ganti dengan data yang sobat inginkan.
Untuk tulisan warna Merah atau border sobat bisa sesuaikan.
Untuk tulisan warna biru Hijau sobat dapat menyesuaikan dengan banyak kolom yang akan digabungkan
Hanya iini yang bisa saya sampaikan kepada agan/aganwati, Sebenarnya Tutorial untuk membuat Table itu banyak, Namun saya hanya bisa Menshare Sebagiannya saja. tapi jangan khawatir, Jika saya punya waktu luang saya akan mengupdate Cara Membuat Table Di Postingan Blog II