CARA MEMASANG TABEL BERWARNA UNTUK BLOG
Untuk membuat tabel diblog sepetinya gampang-gampang susah, gampangnya memang gampang kalo susahnya "Leukleuk" alias harus sabar aja bayangkan bila tabelnya banyak harus edit satu persatu dengan code scriptnya beda sama dengan di excel tinggal input . hehe...
Ga usah berlama-lama ya sob langsung aja tutorialnya :
Seperti biasa masuk dalam mode html !
<table 90="" align="center" border="1" bordercolor="#02bb72" cellpadding="3" cellspacing="3" style="background-color: white;" width:="80%">
<tbody>
<tr>
<td style="background-color: #6dd181;"><b>Judul Satu.</b></td>
<td style="background-color: #6dd181;"><b>Judul Dua</b></td>
<td style="background-color: #6dd181;"><b>Judul Tiga</b></td>
<td style="background-color: #6dd181;"><b>Judul Empat</b></td>
</tr>
<tr>
<td>Baris ke-1</td>
<td>Muhidin</td>
<td>Badrun</td>
<td>Sulam</td>
</tr>
<tr>
<td>Baris ke-2</td>
<td>Badrun</td>
<td>Sulam</td>
<td>Muhidin</td>
</tr>
<tr>
<td>Baris ke-3</td>
<td>Sulam</td>
<td>Muhidin</td>
<td>Badrun</td>
</tr>
<tr>
<td>Baris ke-4</td>
<td>Muhidin</td>
<td>Badrun</td>
<td>Sulam</td>
</tr>
<tr>
<td>Baris ke-5</td>
<td>Badrun</td>
<td>Sulam</td>
<td>Muhidin</td>
</tr>
</tbody></table>
<tbody>
<tr>
<td style="background-color: #6dd181;"><b>Judul Satu.</b></td>
<td style="background-color: #6dd181;"><b>Judul Dua</b></td>
<td style="background-color: #6dd181;"><b>Judul Tiga</b></td>
<td style="background-color: #6dd181;"><b>Judul Empat</b></td>
</tr>
<tr>
<td>Baris ke-1</td>
<td>Muhidin</td>
<td>Badrun</td>
<td>Sulam</td>
</tr>
<tr>
<td>Baris ke-2</td>
<td>Badrun</td>
<td>Sulam</td>
<td>Muhidin</td>
</tr>
<tr>
<td>Baris ke-3</td>
<td>Sulam</td>
<td>Muhidin</td>
<td>Badrun</td>
</tr>
<tr>
<td>Baris ke-4</td>
<td>Muhidin</td>
<td>Badrun</td>
<td>Sulam</td>
</tr>
<tr>
<td>Baris ke-5</td>
<td>Badrun</td>
<td>Sulam</td>
<td>Muhidin</td>
</tr>
</tbody></table>
Contoh Gambar!
Gambar Tabel |
Nah seperti itulah kira-kira untuk membuat tabel di Blog, anda bisa modifikasi warna #02bb72 adalah warna border dengan warna kesukaan anda sendiri !
Catatan :
1. Silahkan berkomentar dengan sopan
2. Berkomentarlah sesuai topik / judul.
3. Dilarang Spam dan menyertakan link aktif.
4. Ingin Request klick OOT (Out of topic)
NB :
5. Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
6. Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
7. Untuk menyisipkan kode, gunakan tag [code]KODE ANDA[/code]
Konversi Kode