9/02/2017

Cara membuat Tabel dalam Postingan Blog

Baca Juga

Cara membuat Tabel dalam Postingan Blog
Contoh : Tabel
Untuk memperindah goresan pena kita, tidak ada salahnya menerapkan gaya, jenis, dan banyak sekali 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 dikala 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 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.

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 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!