Cara Membuat Tabel Menggunakan CSS

Caranya :

1. Login ke blogger
2. Pilih Template
3. Masuk ke Edit HTML
4. Cari kode ]]></b:skin> tekan Ctrl+f untuk memudahkan pencarian
5. Letakkan kode berikut tepat di atas kode ]]></b:skin>
/* Table */
table[border="1"]{
border-collapse:collapse;margin:0px
}
table[border="1"],table[border="1"] th,table[border="1"] td{
border:1px solid #bbb;padding:2px 7px
}
td{
vertical-align:top
}
table[border="1"] th{
background-color:#fafafa;font-weight:700;text-align:left
}
.full,table.full{
width:98.8%
}
table.config{
background-color:#FFF
}
table.config td,table.config th{
border-color:#E4E4E4
}
table.config th{
background-color:#333;color:white
}

6. Kemudian klik Save
7. Setelah memasukan kode CSS, kemudian masukkan kode di bawah ini dalam posting anda, tepatnya di mode HTML (selain Compose)
<table border="1" class="full config"><tbody>
<tr><th>H1</th><th>H2</th><th>H3</th></tr>
<tr><td>l 1</td><td>m 1</td><td>r 1</td></tr>
<tr><td>l 2</td><td>m 2</td><td>r 2</td></tr>
<tr><td>l 3</td><td>m 3</td><td>r 3</td></tr>
<tr><td>l 4</td><td>m 4</td><td>r 4</td></tr>
<tr><td>l 5</td><td>m 5</td><td>r 5</td></tr>
</tbody></table>
8. Klik Publish atau Publikasikan dan lihat hasilnya

Semoga bermanfaat, selamat mencoba...

Related Post: