Membuat Tabel pada Blog

No	Tutorial Blog	Label
1	Cara Membuat Blog	Tips dan Trik
2	Cara Membuat Table Blog	Tips dan Trik

Selamat Malam Sebat Blogger, Bagaimana kabar Sobat??Semoga dalam keadaan baik..amin...
Oya,,,Kalau Sobat melihat tabel di atas apa yang terbayang dibenak sobat,

tentunya langsung kepertanyaan BAGAIMANA CARA MEMBUATNYA, bukan?

Nah sob ternyata Membuat Tabel pada Blog sangatlah gampang...Ingin tau carnya,Yuk kita ikuti langkah-langkah berikut :

1. Silahkan sobat login ke akun blogger

2. Jika sudah login, buat Entri baru/Postingan baru

3. di dalam postingan ada dua mode, yaitu Compose dan HTML, sobat pilh mode HTML

4. Jika sudah silahkan Copy kode di bawah ini :

<table border="1" style="width: 400px;">
<tbody>
<tr>
<td align="center">No</td>
<td align="center">Tutorial Blog</td>
<td align="center">Label</td>
</tr>
</tbody></table>

5. Untuk melihat tampilan tabel setelah kede yang sobat letakkan di mode HTML, langsung beralih ke mode Compose. Kode di atas akan menampilkan 1 baris 3 kolom seperti tabel di berikut :

No

Tutorial Blog

Label

6. Jika sobat ingin menampilkan 2  baris tinggal sobat copas kode mulai dari <tr> sampai </tr> menjadi seperti ini :

<table border="1" style="width: 400px;">
<tbody>
<tr>
<td align="center">No</td>
<td align="center">Tutorial Blog</td>
<td align="center">Label</td>
</tr>
<tr>
<td align="center">1</td>
<td align="center">Cara Membuat Blog</td>
<td align="center">Tips dan Trik</td>
</tr>
</tbody></table>

7. Kode berwarna biru adalah hasil duplikat/kopas dan akan membentuk 2 baris 3 kolom seperti ini :

No	Tutorial Blog	Label
1	Cara Membuat Blog	Tips dan Trik

8. Nah, sekarang bagaimana agar bisa menambah kolom agar lebih dari 3? Gampang, sobat cukup tambahkan kode di atas, yaitu kode <td align="center">Tips dan Trik</td> dan letakkan dibawahnya sehingga menjadi seperti ini :

<table border="1" style="width: 400px;">
<tbody>
<tr>
<td align="center">No</td>
<td align="center">Tutorial Blog</td>
<td align="center">Label</td>
<td align="center">Hasilnya</td>
</tr>
<tr>
<td align="center">1</td>
<td align="center">Cara Membuat Blog</td>
<td align="center">Tips dan Trik</td>
<td align="center">Hasilnya</td>
</tr>
</tbody></table>

Maka hasilnya akan seperti ini :

No	Tutorial Blog	Label	Hasilnya
1	Cara Membuat Blog	Tips dan Trik	Hasilnya

Nah, kode yang berwarna merah adalah hasilnya.
Bagaimana, gampang kan sobat?

Demikian tips tentang Membuat Tabel pada Blog. Semoga tips yang Abdy buat bermanfaat. Amin..

Terakhir jangan lupa sobat tinggalkan komentar agar blog ini ke depan tambah bagus...

Posted in: Tips dan Trik