Cara Mudah Membuat Tabel Di Dalam Postingan

Cara Mudah Membuat Tabel Di Dalam Postingan - Cara Mudah Membuat Tabel Di Dalam Postingan - Kali ini saya akan bagikan tutorial sederhana mengenai "Cara Mudah Membuat Tabel Di Dalam Postingan" Mungkin sudah banyak blogger yang posting tutorial sederhana ini,yah buat nambah nambah postingan, sekalian berbagi info dari yang saya dapat, tidak ada salahnya saya posting, tapi yang salah yaitu saya lupa, dari mana sumbernya postingan ini. hehe... Oke langsung saja deh di simak.

Cara Mudah Membuat Tabel Di Dalam Postingan :

• Silahkan Anda masing-masing login ke akun blogger
• Jika sudah login buat Entri Baru/Postingan Baru
• Ada dua mode pada halaman Entri Baru Blog Anda, yaitu Compose dan HTML, Anda Pilih Mode HTML
• Jika sudah Copy kode Dibawah ini dan Paste pada Mode HTML Tersebut

<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>

• Untuk melihat tampilan tabel setelah kode yang anda letakan di mode HTML, langsung beralih kemode Compose. Kode Diatas Hanya akan Menampilkan 1 baris dan 3 kolom tabel seperti dibawah ini.

No

Tutorial Blog

Label

• Jika anda ingin menambah tabel menjadi 2 baris , anda tinggal duplikat kode diatas 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">No</td><td align="center">Tutorial Blog</td>
<td align="center">Label</td>
</tr>
</tbody></table>

• Maka hasilnya akan menjadi seperti dibawah ini.

No	Tutorial Blog	Label
No	Tutorial Blog	Label

• Sekarang bagaimana jika ingin menambahkan kolomnya supaya lebih dari 3 kolom. gampang, anda cukup tambahkan kode diatas kode </tr>. disini kode yang Master Chef duplikat adalah <td align="center">Label</td> 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">Label</td></tr> 

<tr><td align="center">No</td><td align="center">Tutorial Blog</td><td align="center">Label</td><td align="center">Label</td></tr></tbody></table>

• Kode warna kuning tersebut adalah kode yang Master Chef duplikat tadi maka hasilnya akan menjadi seperti ini.

No	Tutorial Blog	Label	Label
No	Tutorial Blog	Label	Label

• Sampai disitu saya harap anda bisa mengerti dan memahaminya.

Demikian Tutorial Blog dari saya mengenai Cara Mudah Membuat Tabel Di Dalam Postingan kali ini. semoga bisa memberikan banyak manfaat. Terimakasih!