Kadang kala tabel merupakan pilihan satu satunya untuk menuliskan sebuah data. Sehingga mau tidak mau kita harus membuat table tersebut , untuk menuliskan data data yang hendak kita sampaikan.
Membuat table di blogspot , tidak semudah kita membuat table di msword, ataupun exel.Seperti Kita tahu bahwa di blogspot tidak ada fasilitas untuk membuat tabel. Sehingga kita harus menuliskan kode HTML untuk membuat sebuah table.
Banyak artikel html tentang tentang cara membuat table.Kita harus menuliskan kode kode tersebut kedalam postingan kita.Bagi anda yang tidak mempunya basic tentang pemrograman, tentunya anda harus berpikir banyak untuk membuat table tersebut.
Saya akan memberikan tips khusus untuk membuat table diblogspot. Anda tidak perlu mempunyai basic pemrograman html. Yang anda lakukan hanyalah.
- Buka microsoft Frontpage anda, kemudian pilih menu Table -> Insert Table , Kemudian atur sesuai dengan yang diinginkan.
- Isi table tersebut sesuai dengan data yang akan anda inginkan
- pada kiri bawah , klik mode html, maka akan nampak kod
<html>
<head>
<meta name=”GENERATOR” content=”Microsoft FrontPage 5.0?>
<meta name=”ProgId” content=”FrontPage.Editor.Document”>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1252?>
<title>New Page 1</title>
</head><body>
<table border=”1? cellpadding=”0? cellspacing=”0? style=”border-collapse: collapse” bordercolor=”#111111? width=”100%” id=”AutoNumber1?>
<tr>
<td width=”50%”> </td>
<td width=”50%”> </td>
</tr>
<tr>
<td width=”50%”> </td>
<td width=”50%”> </td>
</tr>
</table></body>
</html>
4. Ambil kode antara < table dengan </table ,Sehingga yang menjadi
<table border=”1? cellpadding=”0? cellspacing=”0? style=”border-collapse: collapse” bordercolor=”#111111? width=”100%” id=”AutoNumber1?>
<tr>
<td width=”50%”> </td>
<td width=”50%”> </td>
</tr>
<tr>
<td width=”50%”> </td>
<td width=”50%”> </td>
</tr>
</table>
5. Langkah selanjutnya adalah menghilangkan spasi kosong antara tanda ” > ” dengan tanda “<”. Ini di karenakan , kalau anda langusng memasukan kode no 4, maka posisi table tidak akan pas di halaman posting. Sehingga hasilnya seperti dibawah ini.
<table id=”AutoNumber1? style=”border-collapse: collapse” border=”1? cellspacing=”0? cellpadding=”0? width=”100%” bordercolor=”#111111?><tr><td width=”50%”></td><td width=”50%”></td></tr><tr><td width=”50%”></td><td width=”50%”></td></tr></table>
Kode nomer 5 sudah bisa anda letakkan di halaman posting. Untuk contohnya anda bisa lihat di sini
June 17th, 2009 at 5:26 am
Thanks ya
June 18th, 2009 at 5:25 am
wah… makasih ya informasinya…..
salam kenal
March 13th, 2010 at 1:52 am
nice post
thxz infonya gan
March 30th, 2010 at 7:18 am
terima kasih sob