Cara Membuat Tabel HTML di Postingan Blog
Daftar Tabel di Blogger. Cara ini bisa kamu buat 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.
Gambar contoh bentuk tabel tiga kolom / kotak
Sebagai contoh: misalkan saja kamu membuat sebuah daftar baik itu daftar artikel, spesifikasi, daftar jadwal, atau daftar-daftar yang lain. Apabila daftar yang kamu buat itu tidak menggunakan tabel HTML maka bagaikan lauk tanpa garam, hambar gitu hehe.
Jadi begini, daftar yang kamu buat dengan menggunakan tabel akan terlihat lebih profesional, rapi, idah dipandang dan tentunya tidak berantakan sehingga lebih mudah dipahami pengunjung yang membacanya.
1. Blogger
Ini adalah layanan blog gratis pertama yang paling populer dan paling banyak penggunanya didunia.
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 satu 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)
Untuk menambahkan lebih banyak kolom mendatar dan vertikal, kamu tinggal menambahkan kode <td></td> diantara kode <tr> seperti pada contoh kode di atas.
Gambar contoh bentuk tabel tiga kolom / kotak
Sebagai contoh: misalkan saja kamu membuat sebuah daftar baik itu daftar artikel, spesifikasi, daftar jadwal, atau daftar-daftar yang lain. Apabila daftar yang kamu buat itu tidak menggunakan tabel HTML maka bagaikan lauk tanpa garam, hambar gitu hehe.
Jadi begini, daftar yang kamu buat dengan menggunakan tabel akan terlihat lebih profesional, rapi, idah dipandang dan tentunya tidak berantakan sehingga lebih mudah dipahami 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 didunia.
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 satu 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
Contoh Table HTML:
| TABEL TIGA KOLOM | ||
|---|---|---|
| Kotak 1 | Kotak 2 | Kotak 3 |
| Kotak 21 | Kotak 22 | Kotak 23 |
Kode:
<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, kamu tinggal menambahkan kode <td></td> diantara kode <tr> seperti pada contoh kode di atas.
0 Response to "Cara Membuat Tabel HTML di Postingan Blog"
Posting Komentar