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!

Share this

Related Posts

Previous
Next Post »

1 comments:

Write comments

* Jangan Meninggalkan Link Aktif
* Silahkan berkomentar dengan Kata Sopan Dan Ber-Etika.
* Terima kasih telah singgah di blog ini.
* Oke jangan pernah bosen singgah di sini :D
EmoticonEmoticon