Menambahkan Tabel Pada Posting Blog

Apa Kabar Teman-teman. Kali ini Blog Aapaaja ingin membahas bagai mana menambahkan tabel pada posting Blog yang merupakan pengembangan ide cara berposting. Mengapa kita menambahkan table pada posting blog kita? hal ini saya bahas karna pada postingan yang sebelumnya saya menginginkan adanya suatu tambahan pada beberapa posting yang membutuhkan tulisan kushus agar dapat terfokus dalam tulisan di dalamnya. Selain itu posting yang kita buat akan menjadi tidak terlalu kaku oleh fasilitas menulis pada blog yang biasa kita gunakan untuk memposting. Hal lainnya Teman-teman yang juga jadi mandiri dan terbiasa dengan yang namanya kode tabel. Mmmm.... kita lanjut ke pembahasan inti kita yaitu menambahkan tabel pada posting blog kita.

Mari kita lakukan langkah berikut :

1. Hal pertama yang kita lakukan masuk ke blog kita login seperti biasa, setelah login Teman-teman dapat melihat tab posting yang ada di bagian kiri atas pilih kemudian lihat sub tab dan pilih Entri Baru.

2. Disaat Teman-teman telah memilih Entri Baru terlihat seperti biasa di dalam entri untuk postin kita ada dua type yaitu Compose dan Edit HTML. Kedua Mode ini memiliki kelebihan dan fungsi yang berbeda. Apa bila kita akan sekedar coba menambahkan tabel besa langsung menggunakan modus Edit HTML dan apa bila teman ingin peraktekkannya sambil posting sekaligus akan membuat tabel y.... silahkan buat tulisan postingnya dulu sampai akan menggunakan tabel pada posting. Pilih Edit HTML dan lakukan dengan pemberian kode berikut :

<table border="1">
<tr>
<td>isi 1 </td>
<td>isi 2</td>
<td>isi 3</td>
</tr>
<tr>
<td>isi 1</td>
<td>isi 2</td>
<td>isi 3</td>
</tr></table>

Sekarang mari kita pahami apa saja yang maskud dari kode tersebut.
1. <table> kode untuk tabel pembuka sedangkan yang penutup di tambah dengan tanda / (gari miring)
2. <tr> kode ini untuk baris dan diakhiri dengan </tr>
3. <td> kode ini untuk colom dan diakhiri dengan </td>

Berikunya Kita lanjutkan tabel yang berisi tambahan kode, biar jelas langsung saja seperti ini

<table border="1" width="450">
 <tr bgcolor="#F2F2F2">
  <td align="center"><b>isi 1</b></td><td align="center"><i>isi 2</i></td><td align="center">isi 3</td>
  </tr>
</table>
<table border="1" width="450">
  <tr bgcolor="#F2F2F2">
  <td align="center"><b>isi 1</b></td><td align="center"><i>isi 2</i></td><td align="center">isi 3</td>
 </tr>
</table>

Disini kita dapat melihat perbedaannya ada beberapa tambahan.
1. border dengan ini kita bisa memberikan border dengan satuan angka
2. width dan height dengan ini kita bisa memberikan lebar yang kita inginkan satuan angka juga

3. align kita dapat menggunakannya sebagai pengaturan posisi letak isi tabel dengan isi right, left, center dan justify

4. untuk pemberian warna bacground kita bisa menggunakan tambahan kode bgcolor dengan satuan kode tandapagar dan angka 0 sanpai F contohnya seperti di atas.

setelah kode tersebut di terapkan pada Edit HTML kira-kira hasilnya seperti berikut :

Contoh 1

isi 1	isi 2	isi 3
isi 1	isi 2	isi 3

Contoh 2

isi 1

isi 2

isi 3

isi 1

isi 2

isi 3

Sekarang kita sudah tahu bagaimana caranya yang kadang membuat kita bingung adalah waktu kita mengisi tabelnya dengan tulisan. Hal ini penulis sendiri pernah mengalaminya yaitu pada saat kita mengisi tabel pada posting namun kembali ketujuan kita, untuk apa kita menggunakan tabel ini de posting kita? Penulis sendiri menggunakanya untuk tulisan kode maka disaat kita menggunakan kode ini sebagai isi posting maka kita gunakan type Compose yaitu tepe menulis sehingga sekalipun kita mengetikkan code maka tetap tampil sebagai tulisan. Baiklah sekian dulu Pembahasan Blog AapaajA dan sampai jumpa pada topik yang menarik berikutnya, terimakasih.

Artikel Terkait