Membuat Table Dalam Pos

Salam semua...

Godek kali ini adalah requet dari Faizah yang mahu memasukkan table/kotak seperti jadual di dalam pos entri. Korang boleh tengok sini

Jom godek..

Refer pada blog cobaan aku tadi, apa yang korang perlu buat ialah memasukkan kod seperti di bawah di dalam pos entri korang.

<TABLE BORDER=2 CELLPADDING=4>
<TR> <TH COLSPAN=2>TOTAL TEST</TH> </TR>

<tr> <td>NAMA</td> <td>TEST 1</td> <td>TEST 2</td> </tr>
<tr> <td>Dol</td> <td>90%</td> <td>80%</td> </tr>
<tr> <td>Mat</td> <td>70%</td> <td>90%</td> </tr>
<tr> <td>Man</td> <td>60%</td> <td>50%</td> </tr>

</TABLE>
<p>


p/s: Pastikan semasa membuat posting dalam Edit HTML mode.

Korang hanya perlu tukarkan teks-teks tersebut.

Jika korang nak masukkan gambar, upload gambar dan masukkannya mengikut mana-mana kotak yang korang suka.(kod HTML untuk gambar tersebut)

Untuk memudahkan korang, kod di bawah adalah contoh dari blog cobaan aku tadi.

<TABLE BORDER=2 CELLPADDING=4>
<TR> <TH COLSPAN=2>TOTAL TEST</TH> </TR>

<tr> <td>NAMA</td> <td>TEST 1</td> <td>TEST 2</td> </tr>

<tr> <td><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimGwbrHxebLDVNP4zAO2hs-p7g7sK9bBPnxCZtAg_z52kuSAGbY7zrLzpJn5YAEsFXJxkDb05HsQn4K9nop4ko07TUxC_KoBdcyf1dJ96M2cPhhzJbw6Y16nxr_TyfvJJnFpTVEhNjkftM/s1600-h/blog50roberta_jacobson.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 50px; height: 50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimGwbrHxebLDVNP4zAO2hs-p7g7sK9bBPnxCZtAg_z52kuSAGbY7zrLzpJn5YAEsFXJxkDb05HsQn4K9nop4ko07TUxC_KoBdcyf1dJ96M2cPhhzJbw6Y16nxr_TyfvJJnFpTVEhNjkftM/s200/blog50roberta_jacobson.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5352342035298217634" /></a>Dol</td> <td>90%</td> <td>80%</td> </tr>

<tr> <td>Mat</td> <td>70%</td> <td>90%</td> </tr>

<tr> <td>Man</td> <td>60%</td> <td>50%</td> </tr>

</TABLE>
<p>

Jika kurang paham, tinggalkan komen..

Image Hosted by ImageShack.us

6 comments:

Post a Comment