loading...
Cara membuat Tabel dalam Postingan Blog
Contoh : Tabel
Untuk memperindah tulisan kita, tidak ada salahnya menerapkan gaya, jenis, dan berbagai macam cara dan corak menulis, termasuk membuat tabel di dalam postingan. Mungkin untuk beberapa Blogger merasa tidak perlu, namun untuk beberapa format tulisan, hal ini sangat di perlukan. Semisal ketika hendak membuat daftar atau urutan di dalam sebuah Postingan.

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 seperti biasa.
  • Kemudian langsung Buat Entri Baru (menggunakan HTML, jangan di Compose).
  • Lalu, silahkan memilih kode 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.

Contoh:
Tulisan pertamaTulisan 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>
Notes : bgcolor = Warna untuk kolom paling atas. Align center = Tulisan Rata Tengah.

Contoh :
Nama BlogJenis BlogPemilik Blog
Arief SigliBlog TutorialArief Munandar
Tidak TersediaBlog BaruArief Munandar
Tidak TersediaTidak TersediaTidak Tersedia
Tidak TersediaTidak TersediaTidak Tersedia

#3. Untuk membuat Tabel dengan variasi yang lain.
Misal: Empat kolom dan 3 baris. Maka anda bisa mengikuti penjabaran 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 jika menggunakan Browser Chrome, Saya tidak melakukan percobaan dengan Browser Mozilla atau yang lainnya. Jadi, jika anda tidak melihat adanya tabel di dalam tulisan ini, mungkin itu karena alasan Browser anda yang tidak mendukung. Selamat Mencoba membuat Tabel dengan kreasi anda sendiri!

Post a Comment

loading...
 
Top