• Selamat datang

Cara Membuat Table di Blogspot dengan HTML

Cara membuat table di platform Blogspot dengan HTML bisa berguna. Terutama untuk blog-blog harga handphone. Anda pernah melihat kan misalnya seperti ini, yang contoh sederhana doang ya:

Merek Harga terbaru
Samsung Rp. 5.000.000,00
Blackberry Rp. 1.800.000,00

Contoh dari table HTML

Nah, contoh di atas itu bukanlah screenshoot melainkan menggunakan table dengan edit kode HTML yang tersedia di blogspot. Namun, bisa juga digunakna di Wordpress karena WP juga bisa convert HTML menjadi kode yang berfungsi.

Untuk kode di atas berarti seperti ini kode HTML tablenya :

<table border="2"><tbody>
<tr><th><b>Merek</b></th> <th><b>Harga terbaru</b>  </th> </tr>
<tr> <td>Samsung</td> <td>Rp. 5.000.000,00</td> </tr>
<tr> <td>Blackberry</td> <td>Rp. 1.800.000,00</td> </tr>
</tbody></table>

Sederhanyanya seperti ini 

table border = untuk ketebalan garis pinggir
th = table header (Merek dan harga terbaru) selalu diawali dengan <th> dan ditutup dengan </th>
tr = table row ; baris horizontal dari table (Samsung dan Rp. 5.000.000,00 ; Blackberry dan Rp. 1.800.000,00) selalu diawali dengan <tr> dan ditutup dengan </tr>
td = the data atau than data ; ane ga tau kepanjangan pastinya apa. Intinya td ini selalu berdiri di dalam <tr>, istilah gaulnya jodohnya si <tr>

Contoh sederhana lagi table tanpa fungsi table header alias th:

<table border="1">
<tbody>
<tr>
<td>baris 1, kolom1</td>
<td>baris 1, kolom2</td>
</tr>
<tr>
<td>baris 2, kolom1</td>
<td>baris 2, kolom2</td>
</tr>
</tbody>
</table>

Jadinya nanti seperti ini mas bro:

baris 1, kolom1 baris 1, kolom2
baris 2, kolom1 baris 2, kolom2

Sudah cukup jelas kan mengenai cara membuat table di blogspot cukup dengan HTML ini? Selamat bereksperimen.

Cara Membuat Table di Blogspot dengan HTML

1 komentar:

jily mengatakan...

tanks gan..

Posting Komentar