Cara Membuat Table Di Postingan/Artikel Blog
Versi 1
kolom 1 | kolom 2 |
"Lebar kolom akan otomatis menyesuaikan dengan panjangnya tulisan"
Kode Versi 1
<table border=”1″ width=”100%”>
<tr>
<td width=”30%”>kolom 1</td> <td>kolom 2</td>
</tr>
</table>
Catatan: rubah Kolom 1 dan Kolom 2 dengan "Terserah Anda"<tr>
<td width=”30%”>kolom 1</td> <td>kolom 2</td>
</tr>
</table>
Bila ingin membuat baris baru lagi dibawahnya copy kode yang berwarna merah tepat dibawah </tr> yang terakhir
Versi 2
OST Anime | Versi | Link |
Naruto | Full | Download |
Bleach | Full | Download |
Fairy Tail | Full | Download |
"Sama seperti versi 1 lebar kolom akan menyesuaikan otomatis"
Kode Versi 2
<table border="1" style="width: 500px;">
<tbody>
<tr bgcolor="#F2F2F2">
<td align="center"><b>OST Anime</b></td><td align="center"><b>Versi</b></td><td align="center"><b>Link</b></td>
</tr>
<tr>
<td align="center" style="width: 100px;">Naruto</td>
<td align="left" style="width: 300px;">Full </td>
<td align="center" style="width: 100px;">Download</td>
</tr>
<tr>
<td align="center" style="width: 100px;">Bleach</td>
<td align="left" style="width: 300px;">Full </td>
<td align="center" style="width: 100px;">Download</td>
</tr>
<tr>
<td align="center" style="width: 100px;">Fairy Tail</td>
<td align="left" style="width: 300px;">Full </td>
<td align="center" style="width: 100px;">Download</td>
</tr>
</tbody></table>
Keterangan:<tbody>
<tr bgcolor="#F2F2F2">
<td align="center"><b>OST Anime</b></td><td align="center"><b>Versi</b></td><td align="center"><b>Link</b></td>
</tr>
<tr>
<td align="center" style="width: 100px;">Naruto</td>
<td align="left" style="width: 300px;">Full </td>
<td align="center" style="width: 100px;">Download</td>
</tr>
<tr>
<td align="center" style="width: 100px;">Bleach</td>
<td align="left" style="width: 300px;">Full </td>
<td align="center" style="width: 100px;">Download</td>
</tr>
<tr>
<td align="center" style="width: 100px;">Fairy Tail</td>
<td align="left" style="width: 300px;">Full </td>
<td align="center" style="width: 100px;">Download</td>
</tr>
</tbody></table>
- 500 px adalah angka yang sudah dijumlahkan dari kode yang berwarna merah
- 100 px pertama lebar kolom kiri
- 300 px lebar kolom tengah
- 100 px terakhir lebar kolom kanan
- Untuk menambahkan baris baru copy kode yang berwarna BIRU tepat dibawah </tr> yang terakhir
- Untuk merubah keterangan kolom bisa langsung melalui Compose
0 komentar:
Posting Komentar