Cara Membuat Tabel Sederhana Di Postingan Blog

Sekedar menyampaikan Tips dan Trik Blog sederhana mengenai Cara Membuat Tabel Sederhana Pada Postingan Blog. Pastinya sobat blogger semua sudah tau apa yang dimaksut dengan tabel jadi penulistidak perlu lagi untuk menjelaskannya. Untuk contoh tabel yang akan kita bahas dalam kesempatan kali ini seperti yang terlihat dibawah ini.

No	Tutorial Blog	Label
1	Cara Membuat Blog Free	Tutorial Blogger
2	Free Download Avast Antivirus	Antivirus

Nah jika sobat ingin mencobanya, Saya akan share caranya. Langsung saja, Berikut Cara Membuat Tabel Di Dalam Postingan Blog Dengan Mudah.

• Silahkan Sobat masing-masing login ke akun blogger
• Jika sudah login buat Entri Baru/Postingan Baru
• Ada dua mode pada halaman Entri Baru Blog Kamu yaitu Compose dan HTML, Kamu Pilih Mode HTML
• Jika sudah Copy kode Dibawah ini dan Paster 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 sobat 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 kamu ingin menambah tabel menjadi 2 baris , kamu 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, sobat cukup tambahkan kode diatas kode </tr>. disini kode yang saya 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 biru tersebut adalah kode yang di duplikat tadi maka hasilnya akan menjadi seperti ini.

No	Tutorial Blog	Label	Label
No	Tutorial Blog	Label	Label

Demikian Tutorial Blog Cara Membuat Tabel Sederhana Di Postingan Blog. Semoga bisa memberikan banyak manfaat. Terimakasih!

Author : Wibi Alwi Surya Kuncoro

UNTAR, Republik Seo, Jasa Seo Indonesia, Republik Wisata

Share this

Related Posts