15 Februari 2014

Cara Membuat Tabel Berdampingan Pada Blog

Terkadang beberapa tabel yang akan kita buat pada postingan lebih baik berdampingan daripada harus menurun kebawah. Selain halaman posting terlihat lebih rapi, Artikel yang ditulis juga tidak memakan banyak tempat. Caranya terbilang mudah dan bisa digunakan pada bahasa pemrograman web lainnya termasuk pada blogger. Kita cukup menambahkan sedikit kode agar tabel berada disisi kiri dan sisi kanan postingan seperti contoh dibawah.

Cara membuat tabel berdampingan menggunakan html

Kode yang akan ditambahkan adalah <table align="left"> agar tabel berada disebelah kiri lalu ubah left menjadi right agar tabel berada disisi kanan. jika masih bingung copy kode dibawah ini untuk menampilkan tabel seperti diatas.

<table align="left" border="1" cellpadding="2" cellspacing="0">
<tbody>
<tr><th>No</th><th>Artikel</th></tr>
<tr><td>1</td><td>Cara Membuat Tabel Berdampingan di blog</td></tr>
<tr><td>2</td><td>Cara Membuat Tabel Berdampingan di blog</td></tr>
</tbody></table>
<table align="right" border="1" cellpadding="2" cellspacing="0">
<tbody>
<tr><th>No</th><th>Artikel</th></tr>
<tr><td>1</td><td>Cara Membuat Tabel Berdampingan di blog</td></tr>
<tr><td>2</td><td>Cara Membuat Tabel Berdampingan di blog</td></tr>
</tbody></table>

Intinya kita cukup menambahkan kode align pada bagian <table>. Tapi perlu diingat panjang baris mempengaruhi bentuk tabel. Jika ukuran halaman lebih pendek daripada panjang keseluruhan baris tabel, maka tabel akan sedikit melebar dan tetap berdampingan. Semoga Bermanfaat.
3 komentar :

Jika ada artikel yang tidak Anda mengerti, maka gunakan fasilitas kotak komentar ini atau pada halaman kontak untuk menanyakannya.

Best Regard


Decky canser