Baca Juga
![]() |
Contoh : Tabel |
Jadi, untuk membuka penasaran anda dengan cara membuat tabel di dalam Posting/Artikel, mari menyimak caranya:
Cara membuat Tabel dalam Postingan Blog
- Pertama, silahkan membuka Blogger.com menyerupai biasa.
- Kemudian eksklusif Buat Entri Baru (menggunakan HTML, jangan di Compose).
- Lalu, silahkan memilih instruksi HTML di bawah ini.
#1. HTML untuk membuat Tabel dua kolom dan satu baris :
<table border="1" width="200">
<tr><td>Tulisan pertama</td><td>Tulisan kedua</td></tr>
</table>
Notes : Border = garis pinggir atau kolom. Width = Panjang kolom baris.<tr><td>Tulisan pertama</td><td>Tulisan kedua</td></tr>
</table>
Contoh:
Tulisan pertama | Tulisan kedua |
#2. HTML untuk membuat Tabel empat kolom dan empat baris :
<table border="1" width="300">
<tr bgcolor="#E0F8E0">
<td align="center">
<b>Nama Blog</b></td><td align="center"><b>Jenis Blog</b></td><td align="center"><b>Pemilik Blog</b></td>
</tr><tr><td align="center">Arief Sigli</td><td align="center">Blog Tutorial</td><td align="center">Arief Munandar</td></tr>
<tr><td align="center">Lirik Lagu Terjemahan</td><td align="center">Blog Lirik</td><td align="center">Arief Munandar</td></tr>
<tr><td align="center">Tidak Tersedia</td><td align="center">Tidak Tersedia</td><td align="center">Tidak Tersedia</td></tr>
<tr><td align="center">Tidak Tersedia</td><td align="center">Tidak Tersedia</td><td align="center"> Tidak Tersedia</td></tr>
</table>
<tr bgcolor="#E0F8E0">
<td align="center">
<b>Nama Blog</b></td><td align="center"><b>Jenis Blog</b></td><td align="center"><b>Pemilik Blog</b></td>
</tr><tr><td align="center">Arief Sigli</td><td align="center">Blog Tutorial</td><td align="center">Arief Munandar</td></tr>
<tr><td align="center">Lirik Lagu Terjemahan</td><td align="center">Blog Lirik</td><td align="center">Arief Munandar</td></tr>
<tr><td align="center">Tidak Tersedia</td><td align="center">Tidak Tersedia</td><td align="center">Tidak Tersedia</td></tr>
<tr><td align="center">Tidak Tersedia</td><td align="center">Tidak Tersedia</td><td align="center"> Tidak Tersedia</td></tr>
</table>
Contoh :
Nama Blog | Jenis Blog | Pemilik Blog |
Arief Sigli | Blog Tutorial | Arief Munandar |
Tidak Tersedia | Blog Baru | Arief Munandar |
Tidak Tersedia | Tidak Tersedia | Tidak Tersedia |
Tidak Tersedia | Tidak Tersedia | Tidak Tersedia |
#3. Untuk membuat Tabel dengan variasi yang lain.
Misal: Empat kolom dan 3 baris. Maka anda mampu mengikuti klasifikasi berikut ini :
HTML untuk menambah Kolom:
<td align="center">
<b>Nama</b></td>
HTML untuk menambah baris:
</tr><tr><td align="center">Ali</td><td align="center">Kedah</td><td align="center">23</td></tr>
Sekedar informasi, tabel ini terlihat berfungsi bila menggunakan Browser Chrome, Saya tidak melaksanakan percobaan dengan Browser Mozilla atau yang lainnya. Jadi, bila anda tidak melihat adanya tabel di dalam goresan pena ini, mungkin itu sebab alasan Browser anda yang tidak mendukung. Selamat Mencoba membuat Tabel dengan kreasi anda sendiri!