Cara Membuat Tabel HTML di Postingan Blog

SPOTROID - Daftar Tabel di Blogger. Cara ini bisa sobat laukan dengan cukup mudah hanya dengan menggunakan beberapa kode HTML Tabel <table> </table>.

Tabel memang sangat dibutuhkan oleh user yang mengelola blog baik iti di Blogger atau blog lainnya. Mengapa? Karena dengan menggunakan tabel maka suatu daftar yang dibuat akan lebih rapi dan jelas, mudah dicerna oleh pembaca.

Sebagai contoh: misalkan saja sobat membuat sebuah daftar baik itu daftar artikel, spesifikasi, daftar jadwal, atau daftar-daftar yang lain.

Apabila daftar yang sobat buat itu tidak menggunakan tabel HTML, jika tidak menggunakannya maka ibarat kata bagaikan lauk tanpa garam, hambar gitu hehe.

Jadi begini, daftar yang sobat buat dengan menggunakan tabel akan terlihat lebih profesional, rapi, idah dipandang dan tentunya tidak berantakan sehingga lebih mudah diserap pengunjung yang membacanya.

Contoh daftar biasa / tanpa tabel

Inilah 5 daftar blog ponsel gratis.
1. Blogger
Ini adalah layanan blog gratis pertama yang paling populer dan paling banyak penggunanya di dunia.
Link www.blogger.com

2. Wordpress
Disini ada Wordpress, dan layanan blog gratis ini juga tidak kalah populernya dengan Blogger.
Link wordpress.com

3. Blogdetik
Nah kalau ini penyedia layanan blog gratis yang dimiliki oleh salah satu perusahaan asal negeri ini, Indonesia.
Link blog.detik.com

4. Blog Ponsel
Ini merupakan blog ponsel gratis yang mirip dengan pendahulunya yaitu Mywapblog, namun sayangnya blog Mywapblog pendahulunya itu kini sudah ditutup dikarenakan suatu alasan.
Link www.blogponsel.net

5. Nextwapblog
Blog Nextwapblog ini adalah wap builder yang hampir sama dengan MWB. Fitur-fitur yang ada di Nextwapblog hampir seluruhnya sama dengan wapblog yang kini telah ditutup (MWB).
Link www.nextwapblog.com

Contoh daftar dengan tabel (terlihat profesional)

Tabel Nama Blog
Nama Alamat Keterangan


Berikut ini contoh tabel 3 kolom dan kode HTML nya



Kode Lengkap Tabel HTML:
<style>
#ule{background:#eee;border:1px solid #555;width:100%;}
#ule .badan{background:#fff;border:1px solid #ccc;padding:10px;width:33%;}
</style>
<table id="ule">
<tr>
<td class="badan">Kotak 1</td>
<td class="badan">Kotak 2</td>
<td class="badan">Kotak 3</td>
</tr>
<tr>
<td class="badan">Kotak 21</td>
<td class="badan">Kotak 22</td>
<td class="badan">Kotak 23</td>
</tr>
</table>

Untuk menambahkan lebih banyak kolom mendatar dan vertikal, sobat tinggal menambahkan kode <td></td> diantara kode <tr> seperti pada contoh kode di atas.

Salam sukses...
BLOG: Awak Blang Awe

YUK IKUTAN BERPARTISIPASI
Anda suka dengan artikel di atas? Bagikan!
Dengan 1x Anda membagikan artikel blog ini, artinya Anda telah ikut serta dalam menunjang berkembangnya blog "Spot Teknologi Android". Sekecil apapun usaha partisipasi Anda sangat berarti bagi blog ini, terimakasih.