Cara Membuat Tabel Warna Warni Di BlogSpot

Jika anda sudah tau cara membuat tabel sederhana di Blogger maka selanjutnya silahkan belajar membuat tabel yang lebih cantik. Tabel bisa diberikan warna sesuai dengan keinginan. Kita bisa menggunakan warna latar dan huruf yang berbeda-beda. Menurut saya wara tabel lebih bagus kalau disesuiakan dengan warna template  blog kita agar lebih menarik dan tidak terlalu mencolok.

Siapa yang tidak mau blognya cantik dan rapi. Tabel adalah salah satu unsur yang berperan agar postingan tampak lebih rapi disaat anda ingin membuat artikel yang berisi list. Beberapa list bisa digabungkan menjadi satu dengan menggunakan tabel misalnya anda ingin membuat list harga produk yang anda jual di Tokobagus.

Tabel yang bagus adalah tabel yang mampu dibaca untuk itu perlu warna dan huruf yang tepat agar antara warna latar dan warna huruf tidak sama sehingga tulisan tidak terbaca. Berikut beberapa contoh tabel warna-warni untuk blog.

Tabel Dua Warna Horizontal

tabel	tabel	tabel
tabel	tabel	tabel
tabel	tabel	tabel
tabel	tabel	tabel

Code tabel di atas adalah yang dibawah ini :

<table border="1" bordercolor="#ffffff"
cellpadding="6" cellspacing="0" style="border-collapse: collapse; text-align: center; width: 80%;
color:#4f4f4f;">
<tbody>
<tr style="background-color: #b5d7f8;">
<td>tabel</td>
<td>tabel</td>
<td>tabel</td>
</tr>
<tr style="background-color: #d3e7fb;">
<td>tabel</td>
<td>tabel</td>
<td>tabel</td>
</tr>
<tr style="background-color: #b5d7f8;">
<td>tabel</td>
<td>tabel</td>
<td>tabel</td>
</tr>
<tr style="background-color: #d3e7fb;">
<td>tabel</td>
<td>tabel</td>
<td>tabel</td>
</tr>
</tbody></table>

Tabel diatas bisa anda hilangkan bordernya dengan cara memeberi nilai 0 pada border. Jika ingin mengganti warna huruf bisa mengganti nilai dari "color". Dengan tabel diatas maka baris akan lebih jelas terlihat ini cocok untuk tabel yang memiliki banyak kolom sehingga mata kita bisa menarik garis lurus kesamping karena warna latarnya sama.

Tabel Dua Warna Vertical

tabel	tabel	tabel	tabel
tabel	tabel	tabel	tabel
tabel	tabel	tabel	tabel

Code tabel diatas adalah sebagai berikut :

<table border="1" bordercolor="#ffffff"
cellpadding="6"
cellspacing="0" style="border-collapse: collapse; color: #4f4f4f; text-align: center; width: 80%;">
<tbody>
<tr>
<td style="background-color: #b5d7f8;">tabel</td>
<td style="background-color: #d3e7fb;">tabel</td>
<td style="background-color: #b5d7f8;">tabel</td>
<td style="background-color: #d3e7fb;">tabel</td>
</tr>
<tr>
<td style="background-color: #b5d7f8;">tabel</td>
<td style="background-color: #d3e7fb;">tabel</td>
<td style="background-color: #b5d7f8;">tabel</td>
<td style="background-color: #d3e7fb;">tabel</td>
</tr>
<tr>
<td style="background-color: #b5d7f8;">tabel</td>
<td style="background-color: #d3e7fb;">tabel</td>
<td style="background-color: #b5d7f8;">tabel</td>
<td style="background-color: #d3e7fb;">tabel</td>
</tr>
</tbody></table>

Silahkan berkreasi dengan warna dan bentuk tabel sesuai dengan keinginan anda. Anda bisa mencoba-coba merubaha beberapa elemen tabel diatas dan menambahkan properti style lainnya. Selamat mencoba...